@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Oswald:wght@400&display=swap');
             

            body {
                width: 300px;
                height: 600px;
                margin: 0px;
			}

			*,
			*:before,
			*:after {
				box-sizing: inherit;
			}
            a{
                text-decoration: none;
            }

            .fondo{
                width: 300px;
                height: 600px;
                background-image: url("img/fondo.jpg");
                background-size: cover;
                position: fixed;
                display: flex;
                z-index: 0;
            }

            .cont-titular{
                width: 100%;
                height: auto;
                padding-top: 30px;
                text-align: center;
                position: absolute;
                box-sizing: border-box;
            }

            .cont-titular h4{
                font-family: 'Montserrat', sans-serif;
                font-size: 25px;
                margin: 0px;
                letter-spacing: 1px;
                text-align: center;
                font-weight: bold;
                color: #fff;
            }

            .cont-titular h5{
                font-family: 'Montserrat', sans-serif;
                font-size: 20px;
                margin: 0px;
                letter-spacing: 1px;
                text-align: center;
                font-weight: 300;
                color: #fff;
            }

            .cont-titular img{
                width: 200px;
                height: auto;
                margin-left: auto;
                margin-right: auto;
            }

            .cont-boton{
                width: 200px;
                height: 40px;
                margin-left: auto;
                margin-right: auto;
                top:540px;
                border-radius: 20px;
                background-color: #fff;
                /* offset-x | offset-y | blur-radius | color */
                box-shadow: 0px 5px 20px #606a74;
                position: relative;
                transition-duration: .5s;
                display: flex;
                align-content: center;
                align-items: center;
                justify-content: center;
            }

            .cont-boton h5{
                font-family: 'Montserrat', sans-serif;
                font-size: 14px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
                color: #3658f7;
            }

            .cont-boton h5:hover{
                font-weight: bold;
                color: #fff;
            }

            .cont-boton:hover{
                background-color: #0d2032;
                transition-duration: .5s;
                color: #fff;
            }

            .cont-contador{
                width: auto;
                height: 300px;
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                justify-content: space-around;
                margin-top: 220px;
                margin-left: auto;
                margin-right: auto;
            }

            .cont-contador .circulo-base{
                width: 100px;
                height: 100px;
                border-radius: 50px;
                margin:10px;
                /* offset-x | offset-y | blur-radius | color */
                box-shadow: 0px 5px 10px #0d2032;
                background: linear-gradient(90deg, rgba(71,71,71,1) 0%, rgba(52,52,52,1) 100%); 
                align-items: center;
                align-content: center;
            }	

            .cont-contador .circulo-base:hover{
                background: #b5e812; 
            }	

            .detalles h5{
                font-family: 'Montserrat', sans-serif;
                font-size: 12px;
                font-weight: 800 !important;
                text-align: center;
                text-transform: uppercase;
                color: #6580f5;
                padding-top: 25px;
                margin: 0px;
            }

			#days,
			#hours,
			#minutes,
			#seconds {
                margin-top: 10px;
				display: flex;
				justify-content: center;
			}

			.left,
			.right {
                font-size: 50px;
                color: white;
				font-family: 'Oswald', sans-serif;
                text-align: center;
			}
            /* FIN COUNTDOWN */