@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&family=Roboto+Mono:ital@1&display=swap");*{margin:0;padding:0;font-weight:600;box-sizing:border-box;font-family:Quicksand,sans-serif;outline:none}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{-webkit-transition:1s;transition:1s;background:#6d6d6d}:root{--dark:#020e21;--secondary-dark:#162333;--secondary-dark-opacity:#1623338f;--light:#f9fcff;--secondary-light:#cad4e4;--secondary-light-opacity:#cad4e4d2;--strong-blue:#134fb0;--light-blue:#84aef2;--strong-green:#1ac26b;--light-green:#6bedaa;--yellow:#fde974;--dark-fire:#ff8454;--dark-fire-contrast:#fac447;--light-fire:#d66700;--light-fire-contrast:#dfa621;--strong-red:#ce1515;--light-red:#ff8585}.top-h2{margin-top:calc(3vh + 10px)}.light{--primary:var(--light);--secondary:var(--secondary-light);--secondary-opacity:var(--secondary-light-opacity);--text:var(--dark);--text-opacity:var(--secondary-dark-opacity);--main-blue:var(--strong-blue);--oposite-blue:var(--light-blue);--main-green:var(--strong-green);--secondary-blue:var(--light-blue);--secondary-green:var(--light-green);--mode-bg:var(--secondary-light);--mode-color:var(--dark);--red:var(--strong-red);--fire:var(--light-fire);--fire-contrast:var(--light-fire-contrast)}.dark{--primary:var(--dark);--secondary:var(--secondary-dark);--secondary-opacity:var(--secondary-dark-opacity);--text:var(--light);--text-opacity:var(--secondary-light-opacity);--main-blue:var(--light-blue);--oposite-blue:var(--strong-blue);--main-green:var(--light-green);--secondary-blue:var(--strong-blue);--secondary-green:var(--strong-green);--mode-bg:var(--secondary-dark);--mode-color:var(--yellow);--red:var(--light-red);--fire:var(--dark-fire);--fire-contrast:var(--dark-fire-contrast)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.scale-85 .top-1rem{margin-top:1rem}.red{color:var(--red)}.blue{color:var(--main-blue)}.green{color:var(--main-green)}.b-red{background-color:var(--red);color:var(--primary)}.m-top-2rem{margin-top:2rem}.m-top-1rem{margin-top:1rem}.b-blue{background-color:var(--main-blue)}.b-green{background-color:var(--main-green)}.display-none{display:none}.loading-component{position:fixed;top:0;left:0;z-index:4;background-color:var(--primary);color:var(--main-blue);width:100vw;height:100vh}.loading-component,.loading-component svg{display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-component svg{position:relative;font-size:calc(6rem + 6vh + 3vw);animation-name:loadingSatellite;animation-iteration-count:infinite;animation-duration:2s}@keyframes loadingSatellite{0%{transform:rotate(0)}25%{transform:rotate(30deg)}50%{transform:rotate(0)}75%{transform:rotate(-30deg)}to{transform:rotate(0)}}.center{text-align:center;margin:auto}.landing-pt2{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;padding:1rem 5vw}.landing-pt2 h2{text-align:center;font-size:clamp(2rem,calc(3vmax + 2vmin),calc(3vmax + 2vmin))}.landing-pt2 button{font-size:clamp(30px,calc(1vmax + 1vmin),calc(2vmax + 2vmin))}footer button{font-size:clamp(25px,calc(1vmax + 1vmin),calc(2vmax + 2vmin))}.grid{flex-wrap:wrap;width:100%;padding:2rem 0;gap:2rem}.grid,.grid article{display:flex;justify-content:center}.grid article{box-shadow:0 0 20px var(--main-blue);background:var(--primary);position:relative;border-radius:20px;width:clamp(300px,25%,25%);transition:1s;padding:2rem 4%;flex-direction:column;align-items:center}.grid svg{color:var(--main-green);font-size:clamp(4rem,calc(6vmax + 2vmin),calc(6vmax + 2vmin))}.grid h5{margin:calc(1rem + 10px) 0 10px;text-align:center;font-size:clamp(30px,calc(1vmax + 1vmin),calc(2vmax + 2vmin))}footer{position:relative;z-index:1;padding:15px 2vw;background-color:var(--primary);display:flex;flex-direction:row;align-items:center;justify-content:center;border-top:4px solid transparent;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1}.backdrop{position:fixed;z-index:3;top:0;left:0;height:100vh;width:100vw;background:var(--secondary-opacity);display:grid;place-items:center}body{padding:0;margin:0}body,main{overflow-x:hidden}main{background-color:var(--primary);color:var(--text);transition:1s;min-height:100vh}a{color:inherit;text-decoration:none}input{background:transparent;border:4px solid transparent;color:var(--text);transition:.5s}.disabled,button{cursor:pointer;padding:10px;font-weight:600;border-radius:10px;border:none;transition:.5s;position:relative}button:hover{transform:translateY(-5px)}@media screen and (max-width:768px){button:hover{transform:translateY(0)}.rocket-init{display:none}}.btn-primary{background-color:var(--main-blue);color:var(--primary)}.btn-secondary{background-color:var(--main-green);color:var(--primary)}.btn-tertiary{background-image:linear-gradient(to right,var(--main-blue),var(--main-green));color:var(--primary)}.btn-red{background-color:var(--red)}.disabled{background-image:none;background-color:var(--secondary-opacity);color:var(--text-opacity)}.disabled:hover{transform:translateY(0)}.btn-toggle-color{background-color:var(--mode-bg);color:var(--mode-color)}.btn-color-blue{background-color:var(--mode-bg);color:var(--main-blue)}.btn-color-green{background-color:var(--mode-bg);color:var(--main-green)}.backdrop-form-container{background:var(--primary);margin:auto;padding:2rem;width:clamp(300px,40%,90%);border:4px solid transparent;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.backdrop-form-container label{margin:10px 0;padding:5px;text-align:center;font-size:calc(1rem + 5px)}.backdrop-form-container.low-label{padding:2vh 10px}.backdrop-form-container.low-label label{margin:5px 0}.backdrop-form-container h3{font-size:calc(1vw + 1vh + 1rem - 5px);margin:auto auto 2rem}.backdrop-form-container h4{font-size:calc(1vh + 1rem);margin:auto auto 1rem;text-align:center}.backdrop-form-container.code h3{text-align:center;margin:10px 0}.backdrop-form-container input,.register-form input{width:clamp(300px,50vw,50vw);font-size:1rem;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1;padding:10px;margin-bottom:1rem}.backdrop-form-container input{width:clamp(200px,100%,100%)}.backdrop-form-container.create-class{padding:2vh 5%}.backdrop-form-container.create-class input{text-align:center}.backdrop-form-container input.code-class-input{font-size:calc(1vw + 1rem);width:100%;text-align:center;border-radius:10px;-o-border-image:none;border-image:none;border-image-slice:0;border:4px solid var(--main-blue);margin-bottom:1rem}.backdrop-form-container input.code-class-input:focus{border-color:var(--main-green)}.backdrop-form-container p{margin-top:1rem}.backdrop-form-container p.red{color:var(--red)}.backdrop-form-container p.green{color:var(--main-green)}.backdrop-form-container button{font-size:calc(1vh + 1rem)}input:focus{background:var(--secondary)}input::-moz-placeholder{color:var(--text-opacity)}input:-ms-input-placeholder{color:var(--text-opacity)}input::placeholder{color:var(--text-opacity)}.success-toast{background-image:linear-gradient(to right,var(--main-blue),var(--main-green));color:var(--primary)}.class-feed{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:calc(1rem + 3%);padding-bottom:2rem;border-bottom:5px dashed;margin-bottom:2rem}.class-feed-title{font-size:calc(1vh + 1vw + 2rem);text-align:center;margin-bottom:1rem}.class-feed section{border:4px solid;border-radius:10px;padding:20px 1%;width:clamp(280px,30%,30%)}.class-feed section.border-blue{border-color:var(--main-blue)}.class-feed section.border-green{border-color:var(--main-green)}.cart-icon,.class-feed section svg{font-size:calc(2rem + 2vh + 2vw);margin:1rem 0}.class-feed section.border-blue svg{color:var(--main-green)}.class-feed section.border-green svg{color:var(--main-blue)}.class-feed h2{font-size:clamp(2rem,calc(2vw + 1vh),calc(2vw + 1vh))}.class-feed h3{margin-top:10px}.class-feed button,.class-feed h3{font-size:clamp(1rem,calc(1vw + 1vh),calc(1vw + 1vh))}.class-feed button{margin-top:1rem}.counter{border:3px solid var(--main-blue);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;height:66px;margin:10px 0;border-radius:5px}.counter,.counter input{font-size:clamp(20px,1vmax,1vmax)}.counter input{text-align:center;height:60px;background-color:var(--secondary);border:none;width:60px;margin:0 auto}.exam-main-div .counter{width:calc(120px + 15vw)}.exam-main-div .counter input{height:inherit;padding:0;border-top:3px solid var(--main-blue);border-bottom:3px solid var(--main-green)}.dropdown-counter{position:fixed;left:0;top:0;background-color:var(--secondary-opacity);z-index:10000;width:100vw;display:grid;place-items:center;padding:1rem 0;height:100vh}.dropdown-counter div{display:inline-block;display:flex;flex-wrap:wrap;padding:1rem 2vw;justify-content:center;gap:10px;width:100vw;align-content:center}.dropdown-counter span{cursor:pointer;padding:10px;border-radius:10px;background-color:var(--secondary);font-size:calc(2vmin + 3vmax + 1rem);width:clamp(150px,15%,15%);transition:1s}.counter input:focus,.dropdown-counter span:hover{background-color:var(--oposite-blue)}.counter button{border-radius:0;padding:10px 15px;background-color:transparent;color:inherit;font-size:clamp(20px,1vmax,1vmax)}.counter button:hover{transform:translateY(0)}.particles{position:absolute;z-index:0;top:0;left:0;width:100vw;height:100vh}.seconds-label{position:relative;bottom:10px}.figures-canva{margin:2rem 0}.selectAnswer{font-size:calc(1rem + 1vmax)}.header{font-size:clamp(30px,calc(2vmax + 2vmin),calc(2vmax + 2vmin));margin-bottom:10px}.exponencial{margin:1rem 0;display:flex;flex-direction:row;align-items:baseline;font-size:clamp(50px,calc(4vmax + 3rem),calc(4vmax + 3rem));color:var(--main-green)}.exponencial .inside-root{text-decoration:overline;font-size:clamp(50px,calc(4vmax + 2rem - 5px),calc(4vmax + 2rem - 5px));position:relative;right:10px}.two-option-div{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;height:calc(100vh - 7rem);margin-top:7rem;grid-gap:5px;gap:5px;background:linear-gradient(var(--main-blue),var(--main-green))}.two-option-div button{height:100%;background-color:var(--mode-bg);border-radius:0;display:flex;padding:1rem 5%;flex-direction:column;align-items:center;justify-content:center;font-size:calc(8vmax + 2rem);margin:0;cursor:pointer}.two-option-div button:first-child{color:var(--main-blue)}.two-option-div button:first-child:hover{background-color:var(--main-blue);color:var(--primary)}.two-option-div button:last-child{color:var(--main-green)}.two-option-div button:last-child:hover{background-color:var(--main-green);color:var(--primary)}.two-option-div button:hover{transform:translateY(0)}.two-option-div h2{font-size:calc(1rem + 4vmax)}@media screen and (max-width:768px){.two-option-div{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.add-exam input,.add-exam label{text-align:center;font-size:calc(1vmax + 20px)}.set-the-time{display:flex;flex-direction:row;margin:10px 0 calc(3vh + 10px);align-items:center;justify-content:center;gap:10px}.set-the-time div{display:flex;flex-direction:column}.set-the-time div label{margin-bottom:0;padding:0;position:relative;bottom:10px;font-size:calc(1vmax + 10px)}.analytics{display:flex;flex-direction:column;align-items:center;gap:calc(1vh + 10px);justify-content:center;margin-top:calc(7rem + 2vh)}.analytics h2{margin-bottom:10px;font-size:clamp(30px,calc(2vmax + 10px),calc(2vmax + 10px))}.analytics article{display:grid;padding:10px;background-color:var(--secondary);border-radius:10px;box-shadow:0 0 10px var(--main-green);grid-template-columns:1fr 80px 200px;width:clamp(300px,50vw,50vw);align-items:center;font-size:clamp(20px,calc(1vmax + 10px),calc(2vmax + 10px));justify-content:center}.analytics article button{font-size:20px}@media screen and (max-width:500px){.analytics article{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(20px,calc(3vmax + 10px),calc(3vmax + 10px));gap:10px}.analytics article button{font-size:calc(1vmax + 15px)}}.informs.teacher-info{text-align:center}.informs.teacher-info h2,.informs.teacher-info h6{margin-top:10px}.informs.teacher-info p{margin:8px 0;font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.automate-question,.automate-question .chooseDificultad{display:flex;flex-direction:column;align-items:center;justify-content:center}.automate-question .counter{margin:calc(1vh + 10px) auto;width:calc(120px + 15vw)}.automate-question .counter button{width:50px}.automate-question .counter input{width:calc(20px + 15vw)}.info-icon{margin-top:calc(2vh + 10px);font-size:calc(3vmax + 10px)}.typewriter{color:var(--main-green)}.rocket-init{font-size:calc(5vw + 5vh + 10rem);position:relative;color:var(--main-blue);animation-name:rotationIn;animation-duration:1s}@keyframes rotationIn{0%{left:500px;transform:rotate(0deg)}to{left:0;transform:rotate(-1turn)}}.img-landing,.img-landing-1{border-radius:10px;width:100%;margin:calc(4vh + 10px) 0;grid-gap:10px;gap:10px;display:grid;grid-template-columns:1fr calc(35vmin + 35vmax);align-items:center;justify-content:space-evenly;box-shadow:0 0 10px var(--main-green);padding:1rem 2%;background-color:var(--primary)}.img-landing p,.img-landing-1 p{font-size:20px;margin-bottom:10px}.img-landing-1{grid-template-columns:1fr calc(25vmin + 25vmax);box-shadow:0 0 10px var(--main-blue)}@media screen and (max-width:768px){.img-landing,.img-landing-1{display:flex;flex-direction:column-reverse;text-align:center}}.image-landing,.image-landing-1{position:relative;border-radius:10px;width:100%;height:calc(clamp(300px, calc(35vmin + 35vmax), calc(35vmin + 35vmax)) / 2.8)}.image-landing-1{height:calc(clamp(300px, calc(25vmin + 25vmax), calc(25vmin + 25vmax)) / 1.3)}.image-landing img,.image-landing-1 img{border-radius:10px}.main-h3{width:100%;margin-bottom:calc(1vh + 10px);font-size:clamp(30px,calc(2vmax + 1rem),calc(2vmax + 1rem))}.dashboard{margin-top:7rem;padding:2rem 5vw}.dashboard h1{margin:1rem 0;font-size:clamp(2rem,calc(2vmax + 10px),calc(2vmax + 10px))}.dashboard .dashboard-sections{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.dashboard .dashboard-sections div{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;border:5px solid var(--main-blue);padding:2rem 5%;border-radius:10px;width:clamp(300px,40%,40%)}.dashboard .dashboard-sections div h2{font-size:calc(1vh + 2rem);margin:1rem 0}.dashboard .dashboard-sections div svg{font-size:calc(3vh + 2rem + 3vw);color:var(--main-green)}.dashboard .dashboard-sections div p{font-size:calc(1rem + 1vh - 5px);margin-bottom:1rem}.dashboard .dashboard-sections div button,.dashboard .dashboard-sections div input{font-size:calc(1vh + 1rem);margin-top:1rem}.dashboard .dashboard-sections div input{padding:10px;text-align:center;border-radius:10px;width:100%;border:3px solid var(--main-blue)}.dashboard .dashboard-sections div input:focus{border-color:var(--main-green)}.password-advert{position:relative;bottom:1rem}.panel-main-div{margin-top:7rem;width:100vw;padding:2rem 5vw;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.panel-main-div h2,.panel-main-div input{font-size:clamp(calc(1rem + 10px),calc(2vmax + 10px),calc(2vmax + 10px))}.panel-main-div input{width:clamp(300px,60vw,60vw);text-align:center;margin-top:1rem;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1;padding:10px;margin-bottom:1rem}.choose-cat{display:flex;flex-direction:row;background-color:transparent;border-radius:0;align-items:center;gap:10px;border-radius:10px;font-size:clamp(30px,calc(1vmax + 15px),calc(1vmax + 15px))}.choose-cat:hover{transform:translateY(0);background-color:var(--main-green)}.choose-category-div{display:flex;background-color:var(--main-blue);border-radius:10px;flex-direction:column}.chooseDificultad{display:flex;flex-direction:column;justify-content:center;gap:10px}.chooseDificultad button{color:var(--light)}.chooseDificultad button:hover{transform:translateY(0)}.chooseDificultad button.redB,.redB{background-color:#f81900}.chooseDificultad button.yellowB,.yellowB{background-color:#fffb00;color:var(--dark)}.blueB,.chooseDificultad button.blueB{background-color:var(--strong-blue);color:var(--light)}.chooseDificultad button.greenB,.greenB{background-color:var(--strong-green);color:var(--dark)}.chooseDificultad button.dark{color:var(--dark)}.exam-main-div{display:flex;flex-direction:column;align-items:center;justify-content:center}.exam-main-div input{width:calc(120px + 15vw)}.exam-main-div .time-input{width:calc(5vmax + 5vmin + 10px)}.init-exam{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondary);padding:20px 3%;border:3px solid var(--main-blue);border-radius:20px;text-align:center}.init-exam input{margin-top:calc(1vh + 10px);border:3px solid var(--main-green);text-align:center;padding:10px;border-radius:10px}.init-exam button,.init-exam input{font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.init-exam button{margin-top:calc(2vh + 10px)}.register-form{margin-top:7rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 5vw}.register-form h2{text-align:center;margin:0 0 2rem;font-size:calc(1vw + 1vh + 1rem)}.register-form form{display:flex;flex-direction:column}.register-form form label{font-weight:600;padding:10px;font-size:1rem}.register-form form div{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-bottom:1rem;margin-top:10px;justify-content:center}.btn-light{background-color:var(--secondary-light);color:var(--dark)}.btn-dark{background-color:var(--secondary-dark);color:var(--light)}@media screen and (max-width:768px){.register-form form div{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.register-form form div button{font-weight:600;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;justify-content:center;font-size:calc(1rem + 1vh)}.register-form form div button svg{font-size:calc(2rem + 1vh)}.register-form article{display:flex;justify-content:center;margin-top:2rem}.register-form article button{font-size:calc(1rem + 1vh);font-weight:600;border-radius:10px}.exam-check-btn{margin-top:calc(2vh + 10px);font-size:calc(1vmax + 15px)}nav{z-index:2;padding:20px 5vw;background-color:var(--primary);border-bottom:5px solid transparent;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.timer,nav{position:fixed;top:0;left:0;color:var(--text);height:7rem;width:100vw}.timer{z-index:3;border-bottom:5px solid var(--main-green);background-color:var(--secondary)}.timer span{background-color:var(--oposite-blue);height:calc(7rem - 5px);transition:.3s;position:fixed;top:-5px;height:7rem;left:0}.timer h2{position:fixed;top:0;z-index:4;width:100vw;height:calc(7rem - 5px);left:0;font-size:clamp(50px,calc(2vmax + 3vmin),calc(2vmax + 3vmin));display:grid;place-items:center}.btns-light-dark{display:flex;flex-direction:column;gap:1rem}.btns-light-dark button{display:flex;flex-direction:column;padding:1rem 10px;align-items:center;justify-content:center;font-size:calc(1vmax + 10px)}.btns-light-dark button.btn-light{background-color:var(--yellow)}.btns-light-dark button svg{margin-bottom:2vh;font-size:calc(4vmax + 1rem)}.Nav-Logo{cursor:pointer;overflow-y:hidden}nav span{color:var(--main-blue);font-size:clamp(calc(2rem + 10px),calc(2vw + 2vh + 1rem),calc(2vw + 2vh + 1rem));font-weight:600}nav span strong{color:var(--main-green)}nav button{font-size:calc(1rem + 1vmax);padding:10px;font-weight:600;cursor:pointer;border-radius:5px;border:none}nav div{display:flex;gap:10px}.toggle-btn{background:none;color:var(--main-green);background-color:none;display:none;font-size:calc(1vw + 1vh + 2rem);margin-right:3vw}aside{display:none;transition:.5s;position:fixed;top:7rem;left:-100vw;background-color:var(--primary);width:100vw;z-index:2;padding:1rem 5%}aside.active{left:0}nav div button{display:flex;align-items:center;justify-content:center;gap:10px}nav div button code{font-size:calc(1vmax + 10px)}@media screen and (max-width:850px){nav div button code,nav span{display:none}.btn-toggle-color,.toggle-btn{display:block}.btn-toggle-color{font-size:calc(1vw + 1vh + 5px + 1rem)}}.aside{display:flex;padding:1rem 5vw;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.aside button{font-size:calc(2vmax + 1rem)}nav .hamburger{position:relative;z-index:7;background-color:transparent;padding:5px;height:80px;display:none;cursor:pointer;transition:all .5s ease-in-out;justify-content:center;gap:10px;flex-direction:column;align-items:center}nav .hamburger i{position:relative;border-radius:5px;width:55px;transition:.5s;height:6px}nav .hamburger i,nav.active .hamburger i{background-color:var(--text)}.open-nav .hamburger-1{transform:rotate(45deg);top:16px}.open-nav .hamburger-2{width:0}.open-nav .hamburger-3{transform:rotate(-45deg);bottom:16px}@media screen and (max-width:850px){nav .hamburger{display:flex}}.play-page{margin-top:calc(7rem + 5vh);padding:1rem 2vw;display:flex;flex-direction:column;position:relative;z-index:1;justify-content:center;align-items:center;text-align:center}.play-page h2{font-size:clamp(2rem,calc(2vmax + 1rem),calc(2vmax + 1rem))}.play-page section{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.play-page article{position:relative;width:clamp(300px,calc(10vmax + 10vmin + 20vh),calc(20vw + 10rem));border:4px solid var(--main-blue);background-color:var(--primary);border-radius:10px;cursor:pointer;padding:1rem;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px;transition:.5s}.play-page article:hover{background-color:var(--main-blue);color:var(--primary)}.play-page article.green-border:hover{background-color:var(--main-green)}.play-page article.green-border{border-color:var(--main-green)}.play-page article h3{font-size:calc(1vmax + 1vmin + 1rem);margin-bottom:1rem}.play-page article h1{color:var(--main-green);font-size:clamp(2rem,calc(2vw + 2rem),calc(2vw + 2rem))}.play-page article.green-border h1{color:var(--main-blue)}.play-page section article svg{color:var(--main-green);margin:1rem 0;font-size:calc(clamp(1rem, calc(1vw + 1rem), calc(1vw + 1rem)) * 3)}.play-page section article.green-border svg{color:var(--main-blue)}.play-page section article:hover svg{color:var(--primary)}.play-page button{font-size:clamp(1rem,calc(1vw + 1rem),calc(1vw + 1rem))}.play-page button.little-btn{font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.exercise-container{margin-top:1rem;width:clamp(320px,calc(30vw + 100px),calc(30vw + 100px));display:flex;padding:1rem 2%;border:4px solid transparent;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1;flex-direction:column;align-items:center;justify-content:center}.exercise{gap:0}.input-area{display:flex;flex-direction:row;grid-gap:3px;align-items:center;margin-bottom:1rem;font-size:calc(1vw + 1vh + 10px);justify-content:center}.input,.input-area input{border:3px solid var(--secondary);padding:10px 0;width:20%;transition:.5s;color:var(--text);text-align:center;border-radius:5px;font-weight:500;font-size:calc(1vw + 1vh + 10px);background-color:transparent}.input-area input:focus,.input:focus{border-color:var(--text-opacity)}.exercise{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin-bottom:1rem;border-bottom:4px solid transparent;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1}.exercise h2{font-size:clamp(calc(2rem + 1vmin),calc(2vw + 1vmax),calc(2vw + 1vmax))}.feed-back{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,calc(20vw + 10rem),calc(20vw + 10rem));border:4px solid var(--main-blue);border-radius:10px;padding:1rem 5%;text-align:center;background-color:var(--primary)}.feed-back h2{font-size:clamp(30px,calc(2vmax + 10px),calc(2vmax + 10px));margin-bottom:1rem}.feed-back p{font-size:clamp(15px,calc(1vmin + 10px),calc(1vmin + 10px))}.feedback-icon{font-size:calc(5vmax + 2vmin + 2rem)}.feed-back .btn-primary{font-size:clamp(20px,calc(1vmax + 2px),calc(1vmax + 2px));margin-top:calc(2vh + 10px)}.score{display:flex;flex-direction:row;gap:2rem;font-size:clamp(25px,calc(1vmax + 10px),calc(1vmax + 10px));margin-bottom:1rem}.fire{color:var(--fire-contrast)}.fire svg{color:var(--fire)}.multiplication-table{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(1rem + 1vmax);margin-top:1rem}.multiplication-table .multiplication-example{border:4px solid var(--main-blue);padding:10px;border-radius:5px;font-size:clamp(2rem,calc(2vmax + 10px),calc(2vmax + 10px))}.multiplication-example .multiplication-result{color:var(--main-green)}.choose-level{margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.choose-level button{display:flex;align-items:center;flex-direction:column}.choose-level div{display:flex;flex-direction:column;font-size:clamp(calc(1rem + 10px),calc(2vmax),calc(2vmax));align-items:flex-end;border-bottom:3px solid;margin-bottom:10px}.choose-level .text{font-size:clamp(calc(1rem),calc(1vmax + 1vmin),calc(1vmax + 1vmin))}.results{margin:1rem auto;display:flex;border-radius:10px;border:4px solid var(--main-blue);flex-direction:column;width:clamp(300px,80%,80%)}.results tr{width:100%;border-top:4px solid var(--main-green);display:grid;padding:0;justify-content:center;align-items:center;grid-template-columns:60% 1fr 1fr}.results td,.results th{padding:20px 5%;border-right:4px solid var(--main-blue);text-align:center;font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.results button{font-size:clamp(20px,calc(1vmax + 5px),calc(1vmax + 5px))}@media screen and (max-width:1000px){.results td span,.results th span{display:none}}.results td:last-child,.results th:last-child{border-right:none}.results tr:first-child{border-top:none}.timer{padding:0 0 10px;font-size:clamp(25px,calc(1vmax + 10px),calc(1vmax + 10px))}.data-table{margin:1rem auto;display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border-radius:10px;grid-gap:10px;gap:10px}@media screen and (max-width:768px){.data-table{grid-template-columns:1fr 1fr 1fr}}.data-table span{background-color:var(--secondary);padding:10px;border-radius:10px;font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px));text-align:center}.cool-sec{display:flex;flex-direction:column;align-items:center;justify-content:center}.cool-sec h3{margin-top:15px}.cool-sec .exercise-container{margin:0 auto}.cool-sec button{font-size:calc(1vmax + 10px)}.cool-sec button:hover{transform:translateY(0)}.cool-sec article.srmd{display:flex;margin:calc(1rem + 10px) 0;flex-wrap:wrap;align-items:center;font-size:clamp(calc(2rem + 5px),calc(2vmax + 1rem),calc(2vmax + 1rem));justify-content:center}.cool-sec p{font-size:calc(1rem + 10px);margin-top:10px}@media screen and (max-width:768px){.cool-sec article.srmd{flex-direction:column}}.cool-sec .srmd input{width:15rem;margin:0 1rem}.cool-sec .btn-secondary{display:flex;align-items:center;margin:1rem auto 0;gap:10px;justify-content:center}.panel-main-div h3{font-size:calc(1rem + 2vmax);margin-bottom:2vh}.panel-main-div h4,.panel-main-div h5{font-size:calc(1rem + 1vmax)}.panel-main-div h4{margin-bottom:15px}.panel-main-div h5{margin-top:15px}.grid-alternative-button{margin-top:calc(15px + 1vh);display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:calc(5px + 1vh);gap:calc(5px + 1vh)}@media screen and (max-width:600px){.grid-alternative-button{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}}.grid-alternative-button.v2{width:100%}.grid-alternative-button.v2 span:first-child{width:100%;background-color:var(--fire)}.grid-alternative-button.v2 span{background-color:var(--fire-contrast);color:var(--primary)}.grid-alternative-button.v2 span:last-child{background-color:var(--main-blue)}.exam-main .grid-alternative-button{width:clamp(300px,50vw,50vw);text-align:center}.grid-alternative-button input,.grid-alternative-button span{padding:10px 3%;cursor:pointer;margin:0;border:none;border-radius:10px;font-size:calc(1rem + 1vmax)}.exam-main .grid-alternative-button span{padding:calc(1vh + 10px) 10px;font-size:calc(1rem + 10px + 1vmax);transition:.5s}.btns{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:3vh;align-items:center;justify-content:center}.btns .btn-secondary{margin:0}.btn-null{background-color:var(--secondary);color:var(--text-opacity)}.question-teacher button{flex-direction:row;gap:5px;margin:0 auto 3vh}.exam-check,.question-teacher button{display:flex;align-items:center;justify-content:center}.exam-check{margin-top:7rem;flex-direction:column;padding:5vh 5vw}.exam-check h1{font-size:clamp(30px,calc(2vmax + 15px),calc(2vmax + 15px))}.exam-check section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;width:100%;margin-top:calc(1vmax + 1rem);gap:calc(1vmax + 10px)}.exam-check section article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1vh + 5px);padding:calc(1vh + 10px);width:clamp(300px,25%,25%);border-radius:10px;border:4px solid var(--main-blue)}.exam-check section article h3{font-size:clamp(30px,calc(1vmax + 15px),calc(1vmax + 15px))}.exam-check section article button{font-size:clamp(18px,calc(1vmax + 5px),calc(1vmax + 5px))}.informs.teacher-invitation{gap:calc(10px + 1vh)}.informs.teacher-invitation h2{font-size:clamp(30px,calc(1vmax + 20px),calc(1vmax + 20px));text-align:center}.informs.teacher-invitation p{font-size:clamp(17px,calc(1vmax + 5px),calc(1vmax + 5px))}.exam-main{margin-top:6rem;padding:calc(1vh + 2rem) 5vw;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.exam-main h1{font-size:clamp(30px,calc(1vmax + 20px),calc(1vmax + 20px));margin:calc(1vh + 10px) 0}.class{display:flex;flex-direction:column;align-content:center;justify-content:center}.class h1{text-align:center;font-size:clamp(2rem,3vmax,3vmax);margin-bottom:2rem}.choose-category-btns{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center}.choose-category-btns button{font-size:calc(1vmin + 15px)}.bottom-navbar{position:fixed;bottom:0;left:0;width:100%;z-index:2;display:grid;grid-template-columns:1fr 1fr}.bottom-navbar button{width:100%;border-radius:0;font-size:calc(10px + 2vmax);padding:1rem 10px}.bottom-navbar button:hover{transform:translateY(0)}.SRMD-btns{flex-wrap:wrap;gap:1rem;width:100%}.SRMD-btns,.SRMD-btns button{display:flex;justify-content:center;align-items:center}.SRMD-btns button{flex-direction:column;width:clamp(200px,40%,100%)}.SRMD-btns button svg{margin:10px 0;font-size:calc(1rem + 2vmax)}.exam-cart{width:clamp(300px,calc(20vw + 50px),calc(20vw + 50px));padding:1rem 10px;display:flex;flex-direction:column;border-radius:5px;align-items:center;justify-content:center;border:4px solid}.exam-cart h1{margin-bottom:0}.exam-cart.border-green{border-color:var(--main-green)}.exam-cart.border-blue{border-color:var(--main-blue)}.exam-cart h4{font-size:clamp(calc(1rem + 10px),calc(1vmax + 20px),calc(1vmax + 20px))}.no-exam-message{display:flex;flex-direction:column;align-items:center}.no-exam-message p{font-size:clamp(calc(1rem + 10px),calc(1vmax + 10px),calc(1vmax + 10px))}.unsubscribed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:3px solid var(--main-blue);padding:1rem 10px;width:clamp(300px,50%,50%);margin:auto;text-align:center;border-radius:10px}.unsubscribed h2{font-size:calc(1rem + 1vmax)}.unsubscribed button{font-size:calc(10px + 1vmax)}.informs{width:clamp(300px,calc(50vw),calc(50vw));display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);padding:20px 5%;border-radius:10px;border:4px solid var(--main-blue)}.informs .grid-alternative-button{width:100%}.informs .exercise-container{max-width:100%}.informs h4{font-size:clamp(25px,calc(2vmax + 10px),calc(2vmax + 10px));margin-bottom:10px}.informs h6{font-size:clamp(20px,calc(1vmax + 5px),calc(1vmax + 5px));margin-bottom:10px}.informs .question-results{border-top:4px dotted;padding:10px 0;width:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.informs .question-results p{margin-top:10px;font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.informs div h1,.informs div h4{text-align:center;margin-bottom:10px}.informs div h1,.informs div h3{background:-webkit-linear-gradient(var(--main-blue),var(--main-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(40px,calc(3vmax + 10px),calc(3vmax + 10px))}.informs div h2{font-size:clamp(30px,calc(2vmax + 10px),calc(2vmax + 10px))}.informs div h3{font-size:clamp(25px,calc(1vmax + 10px),calc(1vmax + 10px))}.finished-exam{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:2rem 5%;border:5px solid;-o-border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image:linear-gradient(to right,var(--main-blue),var(--main-green));border-image-slice:1}.question-number{font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.informs .buttons{display:flex;grid-gap:10px;margin-top:10px}.informs .buttons button{font-size:clamp(20px,calc(1vmax + 10px),calc(1vmax + 10px))}.informs-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin:20px auto}.informs-buttons button:first-child{background-color:var(--main-blue)}.informs-buttons button:last-child{background-color:var(--main-green)}.informs .buttons .btn-primary,.informs .buttons .btn-secondary{font-size:calc(1rem + 10px);padding:10px;height:auto}.resume{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.resume h1{margin:1rem 0 10px}.resume p{margin:15px 0;font-size:clamp(20px,calc(1vmax + 15px),calc(1vmax + 15px))}.resume ul{display:flex;flex-direction:column;margin:1rem 0;justify-content:center;grid-gap:1rem}.resume ul article{font-size:clamp(20px,calc(1vmax + 15px),calc(1vmax + 15px));padding:10px;border:3px solid}.resume ul article.border-blue{border-color:var(--main-blue)}.resume ul article.border-green{border-color:var(--main-green)}.resume button{margin:10px 0}