*{margin:0;padding:0}#root{height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}::-webkit-scrollbar{height:0;width:0;overflow-y:hidden;overflow-x:hidden}.pantalla{position:fixed;background-color:#000;height:100vh;width:100%;display:flex;font-size:1.9em;align-items:center;justify-content:center;overflow-y:hidden}main{width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.mensaje{height:100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.mensaje h1{width:100%;font-size:3em;text-align:center;display:flex;align-items:center;justify-content:center}.mensaje .cont-botones{margin:0 auto;width:30%;display:flex;align-items:center;justify-content:space-around}.mensaje-temporal{display:flex;flex-direction:column}.mensaje-temporal h1{margin-bottom:6rem;font-size:3em}.mensaje-temporal span{height:12rem;width:100%;text-align:center}.mensaje button{height:4.5rem;width:10rem;cursor:pointer;color:#fff;border:.3rem white solid;background-color:#000}.mensaje button:hover{color:#000;background-color:#fff}@media (max-width: 1280px) and (min-width: 701px){.mensaje .cont-botones{width:100%}.mensaje button{width:8rem}}@media (max-width: 700px){.mensaje h1{font-size:2.5em}.mensaje .cont-botones{width:100%}.mensaje button{height:4.5rem;width:8rem}.mensaje-temporal h1{font-size:1.5em}.mensaje-temporal span{background-color:red;font-size:.8em}}.pagina-menu{height:70%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.cont-titulo{font-size:3em}.pagina-menu .cont-saludo{width:100%;height:1.5rem}.pagina-menu h3{width:100%;text-align:center}.cont-opciones-menu,.cont-opciones-menu button{width:10rem}.cont-opciones-menu{height:40%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}.cont-opciones-menu button{height:3rem;color:#fff;cursor:pointer;border:.2rem solid white;background-color:#000}.cont-opciones-menu button:hover{color:#000;background-color:#fff}@media (max-width: 1280px) and (min-width: 301px){.cont-opciones-menu{height:50%}.pagina-menu h1{font-size:3.5em}}@media (max-width: 300px){.pagina-menu h1{font-size:3em}}.pagina-ingresar{height:70%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.pagina-ingresar h2{width:100%;font-size:3em;display:flex;align-items:center;justify-content:center}#form-ingresar{height:70%;width:25rem;background-color:#7575df;border:.3rem solid white;border-radius:1rem}.cont-form-ingresar{height:75%;width:100%;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}#form-ingresar .cont-form-botones{margin:0 auto;height:25%;width:60%;display:flex;align-items:center;justify-content:space-around}#form-ingresar .cont-label{width:100%;text-align:center}#form-ingresar .cont-label,#form-ingresar .cont-input{margin-top:1.5rem;margin-bottom:1.5rem;height:3rem}#form-ingresar .cont-label{width:45%}#form-ingresar .cont-label label{font-size:1.2em}#form-ingresar .cont-input{width:55%;display:flex;flex-wrap:wrap;justify-content:center}#form-ingresar .cont-input .cont-error{height:1rem}#form-ingresar .cont-input input{padding-left:.3rem;height:1.5rem}#form-ingresar button{height:3rem;width:6rem;cursor:pointer;color:#fff;border:.2rem solid white;background-color:#000}#form-ingresar button:hover{color:#000;background-color:#fff}@media (max-width: 1280px) and (min-width: 540px){#form-ingresar{height:60%}#form-ingresar .cont-input input,#form-ingresar .cont-form-botones{width:80%}}@media (max-width: 539px){#form-ingresar{height:60%;width:90%}#form-ingresar .cont-input input,#form-ingresar .cont-form-botones{width:80%}}.pagina-registrarse{height:80%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.pagina-registrarse h2{width:100%;font-size:3em;text-align:center}#form-registrarse{height:70%;width:25rem;background-color:#7575df;border:.3rem solid white;border-radius:1rem}.cont-form-registrarse{height:75%;width:100%;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}#form-registrarse .cont-form-botones{margin:0 auto;height:25%;width:60%;display:flex;align-items:center;justify-content:space-around}#form-registrarse .cont-label{width:100%;text-align:center}#form-registrarse .cont-label,#form-registrarse .cont-input{margin-top:1.2rem;margin-bottom:1.2rem;height:3rem}#form-registrarse .cont-label{width:50%}#form-registrarse .cont-label label{font-size:1.2em}#form-registrarse .cont-input .cont-error{height:1rem;text-align:center}#form-registrarse .cont-input{width:50%;display:flex;flex-wrap:wrap;justify-content:center}#form-registrarse .cont-input input{padding-left:.3rem;height:1.5rem}#form-registrarse button{height:3rem;width:6rem;cursor:pointer;color:#fff;border:.2rem solid white;background-color:#000}#form-registrarse button:hover{color:#000;background-color:#fff}@media (max-width: 1280px) and (min-width: 301px){#form-registrarse{height:70%}#form-registrarse .cont-label{width:40%}#form-registrarse .cont-input{width:60%}#form-registrarse .cont-form-botones{width:80%}}@media (max-width: 300px){#form-registrarse{height:80%;width:90%}#form-registrarse .cont-input input{width:60%}#form-registrarse .cont-form-botones{width:80%}}.pagina-reglas{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.reglas{height:28rem;width:35rem;border:.4rem solid white;border-radius:3rem;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}.reglas h1{width:100%;text-align:center}.informacion-reglas{margin-top:2rem;margin-bottom:2rem}.informacion-reglas ul{padding-left:3rem}#form-reglas{margin:0 auto;height:6rem;width:30%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.cont-form-reglas{width:100%;display:flex;justify-content:space-around}#form-reglas .cont-form-botones button{height:2.3rem;width:6rem;color:#fff;cursor:pointer;border:.21rem solid white;background-color:#000}#form-reglas .cont-form-botones button:hover{color:#000;background-color:#fff}@media (max-width: 700px) and (min-width: 281px){.reglas{height:30rem}#form-reglas{width:45%}.informacion-reglas{margin-right:1rem;margin-left:1rem}}@media (max-width: 280px){.reglas{height:35rem}.informacion-reglas{margin-right:1rem;margin-left:1rem}#form-reglas{width:60%}}.pagina-juego{height:100%;width:100%;background-color:#000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.pagina-juego .cont-nivel{font-size:3em}.cont-juego{height:100%;width:100%;display:flex;flex-direction:column}.cont-nivel{text-align:center}.juego{flex:1 1 auto;display:flex;background-color:#87ceeb;flex-direction:column;align-items:center;justify-content:center}.juego .tablero{margin-top:1rem;margin-bottom:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;width:40%;border:.15rem solid black;background-color:#a4a4fd;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.juego .tablero button{margin:.2rem;border:.1rem solid black}.juego .info{margin:0 auto;margin-top:1rem;width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.juego .info-puntaje{margin:0 auto;margin-top:1rem;width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.juego .info-puntaje h2{width:50%;text-align:center}.juego .cont-tiempo{height:5rem;display:flex;align-items:center;justify-content:center}.juego .cont-cronometro{font-size:1.5em;text-align:center}.juego .cont-tiempo button{height:3rem;width:6rem;cursor:pointer;color:#000;background-color:#fff}.juego .cont-tiempo button:hover{color:#fff;background-color:#7575df}.post-juego{display:flex;flex-direction:column}.post-juego h2{width:100%;margin-bottom:2rem;font-size:4em;text-align:center}.post-juego h3{width:100%;text-align:center}.post-juego .cont-opciones{margin-top:5rem;width:35rem;display:flex;justify-content:space-around}.post-juego .cont-opciones button{height:4rem;width:10rem;cursor:pointer;border:.3rem solid white;color:#fff;background-color:#000}.post-juego .cont-opciones button:hover{color:#000;background-color:#fff}@media (max-width: 1280px) and (min-width: 415px){.juego .tablero{width:79%;margin-bottom:3rem}.juego .info,.juego .info-puntaje{width:100%}.juego .tablero button{height:4.2rem!important;width:4.2rem!important}}@media (width: 1024px){.juego .tablero{margin-bottom:1rem}}@media (max-width: 500px){.post-juego h2{font-size:2em}.post-juego .cont-opciones{width:100%}}@media (max-width: 415px) and (min-width: 411px){.juego .tablero{width:98%}.juego .info,.juego .info-puntaje,.juego .info-puntaje h2{width:100%}.juego .tablero button{height:3.5rem!important;width:3.5rem!important}}@media (max-width: 410px) and (min-width: 301px){.juego .tablero{width:98%}.juego .info,.juego .info-puntaje,.juego .info-puntaje h2{width:100%}.juego .tablero button{height:3.2rem!important;width:3.2rem!important}}@media (max-width: 300px){.juego .tablero{width:97.4%}.juego .info{margin:0 auto;height:100%;width:100%}.juego .info-puntaje,.juego .info-puntaje h2{width:100%}.juego .tablero button{height:2.3rem!important;width:2.3rem!important}}@media (width: 430px){.juego{height:110%}}@media (width: 540px){.juego{height:110%}}.pagina-configuracion{height:40%;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.pagina-configuracion h2{width:100%;text-align:center}#form-configuracion{height:80%;width:22rem;background-color:#7575df;border:.3rem solid white;border-radius:1rem}#form-configuracion .cont-input input[type=range]{width:8rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;cursor:pointer;display:flex}#form-configuracion .cont-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.9rem;width:.9rem;background-color:brown}.cont-form-configuracion{height:75%;display:flex;align-items:center;justify-content:center}.cont-form-configuracion .cont-label,.cont-form-configuracion .cont-input{width:50%}.cont-form-configuracion .cont-label{font-size:1.3em;text-align:center}#form-configuracion .cont-form-botones{margin:0 auto;height:25%;width:80%;display:flex;align-items:center;justify-content:space-around}#form-configuracion .cont-form-botones button{height:3rem;width:6rem;color:#fff;cursor:pointer;border:.3rem solid white;background-color:#000}#form-configuracion .cont-form-botones button:hover{color:#000;background-color:#fff}@media (max-width: 1280px) and (min-width: 701px){.pagina-configuracion{width:80%}}@media (max-width: 700px){.pagina-configuracion{width:80%}.pagina-configuracion h2{font-size:2.3rem;margin-bottom:1rem}#form-configuracion{height:100%}}.pagina-tabla{height:100%;width:50%;display:flex;justify-content:center}.tabla{height:100%;width:50%;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}.tabla h2{margin-bottom:2rem;width:100%;font-size:2.4em;text-align:center}.cont-columnas,.cont-tabla,.cont-boton{width:25rem}.cont-columnas{margin-bottom:.2rem;height:2rem;border:.2rem solid white;display:flex;align-items:center;justify-content:space-around}.cont-columnas p{font-size:1.2em}.cont-tabla{height:20rem;border:.2rem solid white;display:flex;flex-direction:column;align-items:center;justify-content:center}.cont-usuario-tabla{margin-bottom:.2rem;height:3rem;width:100%;display:flex;align-items:center;justify-content:space-around}.cont-usuario-tabla p{width:50%;text-align:center}.cont-boton{display:flex;align-items:center;justify-content:center}.cont-boton button{margin-top:1rem;height:3rem;width:7rem;cursor:pointer;border:.2rem solid white;color:#fff;background-color:#000}.cont-boton button:hover{color:#000;background-color:#fff}@media (max-width: 1280px){.pagina-tabla{width:90%}.tabla,.cont-tabla{width:100%}}