@import url('https://fonts.googleapis.com/css2?family=Mooli&display=swap');#cuadrantedelogin{font-family: Oliver Regular; color: black; font-size: 2.8vw; text-align: center; position: relative; top: 20vh;}#contenedordetitulo{width: 100vw; overflow: hidden; margin-left: auto; margin-right: auto;}#acceso{float: left; width: 185px;}.invisibletexto{-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ opacity: 0%;}#errordeloading{font-family: 'Mooli', sans-serif; color: #5b5b5b; width: 77vw; margin-left: auto; margin-right: auto; font-size: 2vw; text-align: center; float: none;}.palabratitulo{width: auto;}#userLogin{width: 21vw; margin-left: auto; margin-right: auto;}#ingresa{width: 205px; margin-right: 20px; float: left;}#tu{width: 68px; float: left; margin-right: 20px;}#codigo{width: 173.1px;}#de{width: 63px; float: left; margin-right: 20px;}#iconocargando{width: 3vw; margin-left: auto; margin-right: auto; float: none;}#errordeloading{font-family: Oliver Regular; color: black; font-size: 2.8vw; text-align: center; position: relative;}#cuadrantedelogin{font-family: Oliver Regular; color: black; font-size: 30px; text-align: center; position: relative; top: 20vh;}.invisibletexto{-webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ opacity: 0;}#errordeloading{font-family: 'Mooli', sans-serif; color: #5b5b5b; width: 77vw; margin-left: auto; margin-right: auto; font-size: 2vw; text-align: center; float: none;}.palabratitulo{width: auto;}#userLogin{width: 21vw; margin-left: auto; margin-right: auto;}.palabratitulo:nth-child(1){width: 17vw; margin-right: 20px; float: left;}.palabratitulo:nth-child(2){width: 6.3vw; float: left; margin-right: 20px;}.palabratitulo:nth-child(4){width: 5vw; float: left; margin-right: 20px;}#primeraspalabras .palabratitulo:nth-child(3){background-color: rgba(0, 98, 255, 0.30); height: 2vw; color: rgba(98, 98, 98, 1); font-family: Oliver Regular; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;}#usuario{width: 20vw; height: 5vh; font-family: Oliver Regular; text-align: center; font-size: 1.2vw;}#headerText{width: 60.7vw; height: 100px; float: none; margin-left: auto; margin-right: auto; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */}#headerText h2:nth-child(2n){animation-name: par; animation-duration: 3s; float: left; animation-iteration-count: infinite;}#headerText h2:nth-child(2n +1){animation-name: impar; float: left; animation-duration: 3s; animation-iteration-count: infinite;}@keyframes par{0%{transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);}50%{transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg);}100%{transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);}}@keyframes impar{0%{transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg);}50%{transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);}100%{transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg);}}@media (max-width: 2000px){#headerText{width: 61vw;}}@media (max-width: 1200px){#headerText{width: 61.2vw;}}@media (max-width: 1000px){#headerText{width: 62.6vw;}}@media (max-width: 900px){#headerText{width: 63.2vw;}#errordeloading{margin-top: -5vh;}}@media (max-width: 800px){#headerText{width: 64vw; height: 0px;}#userLogin{width: 30vw; height: 4vw;}#submitButton{height: 4vw;}#usuario{width: 30vw; height: 6vh; margin-bottom: 20px; font-family: Oliver Regular; text-align: center; font-size: 2.2vw;}}@media (max-width: 700px){#headerText{width: 69.2vw; height: 60px;}}#submitButton{background-color: rgba(0, 98, 255, 0.30); height: 2vw; color: rgba(98, 98, 98, 1); font-family: Oliver Regular; border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px;}#usuario{width: 20vw; height: 5vh; font-family: Oliver Regular; text-align: center; font-size: 1.2vw;}#headerText{width: 60.7vw; float: none; height: 100px; margin-left: auto; margin-right: auto; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */}#headerText h2:nth-child(2n){animation-name: par; animation-duration: 3s; float: left; animation-iteration-count: infinite;}#headerText h2:nth-child(2n +1){animation-name: impar; float: left; animation-duration: 3s; animation-iteration-count: infinite;}@keyframes par{0%{transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);}50%{transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg);}100%{transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);}}@keyframes impar{0%{transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg);}50%{transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);}100%{transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -o-transform: rotate(4deg);}}@media (max-width: 2000px){#headerText{width: 776px;}}@media (max-width: 1200px){#headerText{width: 775px;}}@media (max-width: 1000px){#headerText{width: 777px;}}@media (max-width: 900px){#headerText{width: 762px;}#acceso{width: 172px; float: left;}}@media (max-width: 800px){#iconocargando{margin-bottom: 3vh;}#headerText{width: 530px; height: 7vh; font-size: 24px;}#ingresa{width: 136px;}#tu{width: 45px;}#codigo{width: 112px;}#de{width: 39px;}#acceso{width: 118px;}#userLogin{width: 30vw; height: 4vw;}#submitButton{height: 4vw;}#usuario{width: 30vw; height: 6vh; margin-bottom: 20px; font-family: Oliver Regular; text-align: center; font-size: 2.2vw;}}@media (max-width: 700px){#headerText{width: 78.2vw; height: 60px;}}@media (max-width: 800px){#segundaspalabras{width: 312px; margin-left: auto; margin-right: auto;}#primeraspalabras{width: 221px; margin-left: auto; margin-right: auto;}}@media (max-width: 400px){#cuadrantedelogin{font-size: 19px;}#ingresa{width: 136px;}#tu{width: 45px; margin-right: 0;}#codigo{width: auto;}#de{width: auto;}#acceso{width: auto; margin-right: 0;}#primeraspalabras{width: 201px; margin-left: auto; margin-right: auto;}#segundaspalabras{width: 310px; margin-left: auto; margin-right: auto;}#headerText{width: 300px; height: auto; line-height: 0vh;}#errordeloading{margin-top: -5vh; font-size: 4vw;}#userLogin{width: 57vw; height: 4vw;}#usuario{width: 57vw;}#submitButton{height: 8vw; width: 17vh; font-size: 6vw;}}@media (max-width: 300px){#cuadrantedelogin{font-size: 19px;}#ingresa{width: 112px;}#tu{width: 41px; margin-right: 0;}#codigo{width: auto;}#de{width: auto;}#acceso{width: auto; margin-right: 0;}#primeraspalabras{width: 173px; margin-left: auto; margin-right: auto;}#segundaspalabras{width: 261px; margin-left: auto; margin-right: auto;}#headerText{width: 100vw; height: auto; line-height: 0vh;}#errordeloading{margin-top: -5vh; font-size: 4vw;}#userLogin{width: 57vw; height: 4vw;}#usuario{width: 57vw;}#submitButton{height: 8vw; width: 17vh; font-size: 6vw;}}