#principal{
    display: grid;
    grid-template-rows: auto;
    text-align: center;
    margin-top: 15vh;
    margin-bottom: 5vw;
    font-size: 130%;
    min-height: 100vh;
  }
  #tituloIniciarSesion{
    text-shadow: 5px 5px 10px rgb(23, 23, 23);
  }
  #espacio{
    min-height: 15rem;
  }


  #textOlvideContra{
    margin-top: 10px;
    cursor: pointer;
  }
  #textOlvideContra a{
    color: black;
  }
  #textOlvideContra:hover{
    color: #0b34d5;
  }
  
  #principal a{
    text-decoration: none;
  }
  #inputs{
    margin: auto;
  }
  #dni{
    margin-top: 3%;
    margin-bottom: 80px;
    width: 20vw;
    
  }
  #contraseña{
    margin-top: 3%;
    margin-bottom: 80px;
    width: 20vw;
  }
  #swal-input1{
    margin-top: 2vh !important;
  }

  /*tamaño compu*/
@media screen and (min-width: 1674px) {

  
}
@media screen and (min-width: 1350px) and (max-width: 1673px) {

}

/*tamaño tablet*/
@media screen and (min-width: 820px) and (max-width: 1349px) {
 
  
}

/*para tamaño telefono*/
@media screen and (max-width: 820px) {
 
} 
/*para tamaño telefono chico*/
@media screen and (max-width: 460px) {

  
}

@media screen and (max-width: 290px) {
  #tituloIniciarSesion{
    font-size: 1em;
  }
}