body {
    min-height: 100vh;
}

/*CLASES*/
.entradaFlipIn {
	-webkit-animation: entradaFlipIn 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: entradaFlipIn 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.iconoChico {
    width: 32px;
}

.puntero:hover {
    cursor: pointer;
}

.valido {
  border-color: #198754;
}

.valido:focus {
  box-shadow: 0 0 0 0.25rem rgba(rgb(25,135,84),.25);
}

.no-valido {
  border-color: #dc3545;
}

.no-valido:focus {
  box-shadow: 0 0 0 0.25rem rgba(rgb(220,53,69),.25);
}

body > div {
  width: 75%;
  max-width: 776px;
}

/* ID'S */
/*.logContainer {
  width: 75%;
  max-width: 776px;
}*/

/* KEYFRAMES*/
@-webkit-keyframes entradaFlipIn {
    0% {
      -webkit-transform: rotateX(80deg);
              transform: rotateX(80deg);
      opacity: 0;
    }
    50% {
        -webkit-transform: rotateX(10deg);
                transform: rotateX(10deg);
      opacity: 1;
    }
    100% {
      -webkit-transform: rotateX(0);
              transform: rotateX(0);
      opacity: 0.3;
    }
}

@keyframes entradaFlipIn {
    0% {
      -webkit-transform: rotateX(80deg);
              transform: rotateX(80deg);
      opacity: 0;
    }
    50% {
        -webkit-transform: rotateX(10deg);
                transform: rotateX(10deg);
      opacity: 1;
    }
    100% {
      -webkit-transform: rotateX(0);
              transform: rotateX(0);
      opacity: 0.3;
    }
}