@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Nunito&family=Patua+One&display=swap');

a{
   text-decoration: none;
   /* color: floralwhite ; */
   color: black;
 } 

 #opcion:hover {
   -webkit-transform:scale(1.05);transform:scale(1.05);
   overflow:hidden;
 }
 
html{
   
}

body{
    background: linear-gradient(to bottom, #0081C9, #86E5FF); 
    font-family: 'Nunito', sans-serif;
    height: 100%;
  }

  #listaDeCuestionarios{
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 100%;
}

#opcion{
   padding:10px;
   text-align: center;
}

  .ajuste{
   margin: 0px;
   height: 100vh;
  }

  #imgINGenia{
   width: 115px;
  }

  #tituloDeCuastionario{
    color: snow;
    font-family: 'Patua One', cursive;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 10px 15px 10px;
  }

  .elementoDeCabecera{
   font-size: 130%;
  }


  input{
    display: none;
 }
#nombreAlumno, #numeroLista, #inputTexto{
display: block;
text-align: center;
height: 30px;
font-size: 16px;
}

#nombreAlumno{
   width: 30%;
  
   }

#numeroLista{
   width: 8%;
   }

 input:checked +label {
    color: black;
    background-color: #ffb813;
}

 #preguntaUno, #preguntaDos, #preguntaTres{
    width: 85%;
    height: auto;
    margin: 1% 8% 1% 8%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    flex-direction: column;
 }

 .pregunta{
    font-family: 'Nunito', sans-serif;
    color: mintcream;
    font-weight: bold;
    font-size: 24px;
 }

 .tarjetaOpcion{
    width: auto;
    color: aliceblue;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    /* font-family: 'Patua One', cursive; */
    margin: 0.5% 0% 1% 0%;
    padding: 0% 4% 0% 4%;
    background-color: #146C94;
    border-radius: 20px;
    
 }
 
 #seccionEvaluar, #seccionSiguiente{
   display: flex;
   justify-content: space-around;
   padding: 4% 16% 8% 16%;
 }

 #evaluar{
   font-size: 120%;
   color: currentcolor;
   background-color: floralwhite;
   width: 64%;
   margin: 0% 10% 0% 10%;
 }

 button:hover {
   filter: opacity(.8);
}

#resultados{
/* display: flex;
flex-direction: column; */
}


.cajaCalificacion{
   text-align: center;
   color: seashell;
   font-size: 24px;
   font-family: 'Nunito', sans-serif;
   display: block;
}

.cajaCalificacionOk{
   width: auto;
   color: black;
   text-align: center;
   font-family: 'Nunito', sans-serif;
   /* font-family: 'Patua One', cursive; */
   margin: 0.5% 8% 1% 8%;
   padding: 0% 4% 0% 4%;
   background-color: #8bff98;
   border-radius: 20px;
}

.cajaRes{
   text-align: center;

}

.cajaCalifUsu{
   width: auto;
   color: black;
   text-align: center;
   font-family: 'Nunito', sans-serif;
   /* font-family: 'Patua One', cursive; */
   margin: 0.5% 8% 1% 8%;
   padding: 0% 4% 0% 4%;
   background-color: #ffb813;
   border-radius: 20px;
}

.noMostrar{
 height: 0px;
}

.siguienteEv{
   display: flex;
    justify-content: space-around;
    padding: 4% 16% 8% 16%;
}

.textoQueAparece{
   background-color: aliceblue;
   padding: 10%;
   border-radius: 8px;
   border-block-color: black;
   border-style: groove;
}

.botonComenzar{
   color: black;
   font-size: 20px;
   padding: 3px;
   background-color: aliceblue;
   border-radius: 8px;
   border-block-color: black;
   border-style: solid;
}




#resumen {
   display: flex;
   flex-direction: column;
   align-items: center;
   color: floralwhite;
   font-size: 20px;
}

.nombre, .calificacion {
   font-size: 28px;
   font-weight: bold;
   color: #343435
}

@media (max-width: 460px){
   #tituloDeCuastionario{
       flex-direction: column; 
   }
}