.flex-container{
    margin-bottom: 50px;
    flex-direction: row;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    position: sticky;
    justify-content:space-between;
    background: blue;
  background-color: rgba(0, 0, 0, 0);

  background-repeat: repeat;
  background-attachment: scroll;
 
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
}

span{
    padding: 35px;
}

.logo img{
    position: absolute;
    width: 5%;
    display:grid;
    padding: 7px;

}

.number{
    text-align: center;
    color: white;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.contador1{
 padding: auto;
 font-family: 'Poppins', sans-serif;
 justify-content: center;

}

.contando{
    display: inline-block;
   
}

.palabras{
    display: inline-block;
    font-size: 15px;
    text-align: center;

}  

body {
    font-family: 'roboto', sans-serif;
    justify-content: center;
    align-items: center;
    background-image: url(https://noticieros.televisa.com/wp-content/uploads/2022/09/fifa-confirma-que-no-habra-venta-de-cerveza-al-interior-de-estadios-de-qatar-2022-pero-si-antes-y-despues-de-los-partidos.jpg);
    background-size:cover;
}


#formulario{
    
  padding: 10px;
    width: 260px;
    margin: auto;
   
    border-radius: 0px;
    display: flex;
    background-color:rgba(220, 138, 98, 0.9);
}

.form{
    margin: auto;    
}

#formulario .grupo{
    position: relative;
    margin: 10px;
}

#formulario input{
    background: none;
    color: white;
    font-size: 14px;
    padding:2px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid white; 
}
   

#formulario input:focus{ 
    outline: none;
    color: rgb(36, 34, 34);

}

#formulario label{
    color: white;
    font-size: 14px;
    font-weight: regular;
    justify-content: center; 
}


.alertas{
    width: 200px;
    text-align: center;
    margin: auto;
    color: white;
    font-size: 12px;

}



#formulario button{
    font-family: 'roboto', sans-serif;
    font-weight: 600;
    background:white;
    border: none;
    display: block;
    width: 80%;
    margin: 10px auto;
    color: rgba(0,85,159,.85);
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 6px;
}


.contenedorContando{
    justify-content: center;
    display: -webkit-inline-flex;
    
}


	
	

.contenedorContando ul li{
    list-style: none;
    
} 

.titleContando{
    font-size: 16px;
    color:white;
    font-family: 'roboto', sans-serif;
    font-weight: 5;
	margin-left: 20px;
    
}

.subtitleContando{
    font-size: 26px;
    font-family: 'roboto', sans-serif;
    font-weight: 500;
	margin-left: 20px;
}

footer .footer{
    margin-bottom: 70px;
    padding: 5px;
    margin: 10px;
    text-align: center;
    border-radius: 5px;
    position: sticky;
}

/* Tamaños de pantallas */

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 700px) {
    .row,
    .navbar {
        flex-direction: row; /*Cambio de horizontal a vertical en ambas clases*/
    }
    html{
        height: 1000px;
    }
}