@import"https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap";:root{--primary: #350073;--primary-opacity:rgba(54, 0, 115, .1);--secondary: #FFB500;--secondary-opacity:rgba(255, 183, 0, .1);--third: rgb(211,55,147);--trasparent: rgba(0,0,0,0);--white:rgb(250, 250, 250);--white-opacity:rgba(250, 250, 250, .1);--white-dark:rgb(125, 125, 125);--red: #E27055;--red-opacity: rgba(226,112,85,.1);--mint: #00B894;--mint-opacity: rgba(0,184,148,.1);--gray:rgb(243, 243, 243);--black: #333333}body.dark{--primary: #b07bfa;--primary-opacity: rgba(176, 123, 250, .1);--primary-real: #350073;--secondary: #FFB500;--secondary-opacity: rgba(255, 215, 0, .1);--third: rgb(255, 105, 180);--white: rgb(20, 20, 20);--white-opacity: rgba(20, 20, 20, .1);--white-dark: rgb(200, 200, 200);--red: #FF6347;--red-opacity: rgba(255, 99, 71, .1);--mint: #00FFC3;--mint-opacity: rgba(0, 255, 195, .1);--gray: rgb(47, 47, 47);--black: #f0f0f0}*{margin:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}img{border:0}body{height:100%;font-family:Sora,sans-serif;font-weight:300;background-color:var(--gray);color:var(--black)}.container{padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1240px;width:100%}.container-mini{padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:900px;width:100%}h1,h2,h3,h4,h5,h6{font-family:Sora,sans-serif;font-weight:600;margin:0}p{margin:0}footer{padding:20px 0}a:link,a:visited{color:inherit;text-decoration:none}button{font-family:Sora,sans-serif;font-size:100%;color:var(--black);background-color:var(--white);border:none;border-radius:10px;padding:12px 24px;cursor:pointer}button:hover{opacity:.5}button.secondary{background-color:var(--secondary);color:var(--white)}button.third{background-color:var(--trasparent);color:var(--white)}input,select{font-family:Sora,sans-serif;border:none;border-radius:20px;font-size:100%;color:var(--black);padding:12px 24px;background-color:var(--white)}*:focus{outline:none}hr{height:10px;border:none}.col-2{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:20px;align-items:center}.col-3{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:20px}.col-4{display:grid;grid-template-columns:repeat(4,1fr);column-gap:20px;row-gap:20px}.col-5{display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px;row-gap:20px}.col-align-center{text-align:center}@media screen and (max-width: 1024px){.col-2{grid-template-columns:1fr}}@media screen and (max-width: 768px){body{font-size:80%}.col-4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.col-4{grid-template-columns:1fr}.col-5{grid-template-columns:1fr;row-gap:5px}}.text-secondary{color:var(--secondary)}.bg-primary{background-color:var(--primary);color:#fff}.bg-secondary{background-color:var(--secondary);color:var(--black)}.bg-gray{background-color:var(--white);color:var(--black)}header{padding:20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;z-index:1000}header img{cursor:pointer}header img:hover{opacity:.5}nav{display:flex;align-items:center}nav a{margin:0 15px;cursor:pointer;height:fit-content}nav a:hover{opacity:.5}nav button{margin-left:10px}.bars{display:none;cursor:pointer}.bars:hover{opacity:.5}.menu-mobile{display:none;background-color:#fff;position:fixed;top:0;height:100vh;width:100%;z-index:1001;flex-direction:column;justify-content:space-between;align-items:end;padding:25px 20px 120px}.menu-mobile .navigate{display:flex;flex-direction:column}.menu-mobile a{margin:5px 0;width:100%;text-align:right;padding:15px 0}.close{margin-bottom:20px;color:var(--red)}@media screen and (max-width: 1024px){header{padding:25px 20px}nav{display:none}.bars{display:block}}.login{background-color:var(--primary-real);color:var(--white);width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.login img{margin-bottom:20px}.login input{width:50%;max-width:500px}.containerMessageLogin{border-radius:20px;background-color:var(--white);display:none;max-width:90%}.messageLoginError{border-radius:20px;padding:20px;border:solid 2px var(--red);background-color:var(--red-opacity);color:var(--red)}.messageLoginLoading{border-radius:20px;padding:20px;border:solid 2px var(--secondary);background-color:var(--secondary-opacity);color:var(--black)}@media screen and (max-width: 768px){.login input{width:90%}}.new-scroll{display:flex;height:100vh}.left-column,.right-column{position:fixed;top:0;bottom:0;width:15%;max-width:250px;background-color:var(--white);padding:20px}.left-column{left:0;border-radius:20px;margin:20px;border:solid 1px var(--secondary)}.right-column{right:0;border-radius:20px;margin:20px;border:solid 1px var(--black)}.center-column{margin-left:calc(20% + 40px);margin-right:calc(20% + 40px);overflow-y:auto;padding:20px;height:100vh;width:100%;max-width:1000px;margin:auto;overflow-y:scroll}.center-column::-webkit-scrollbar{display:none}@media screen and (max-width: 1450px){.new-scroll{display:flex;flex-direction:column;padding:20px;height:auto}.center-column{padding:20px 0 120px;height:auto;overflow-y:none}.left-column,.right-column{position:static;top:none;bottom:none;width:100%;max-width:100%;background-color:var(--white);padding:20px}.left-column{left:none;margin:0}.left-column.fixed{position:fixed;margin:20px;height:96px;z-index:999;width:calc(100% - 40px);box-shadow:0 0 10px #0000001a}.right-column{display:none}}@media screen and (max-width: 768px){.new-scroll{padding:15px}.left-column{padding:10px}}.listsContent h1{margin-bottom:20px;line-height:1.2}.navigate{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-bottom:20px}.navigate-mobile{position:fixed;bottom:0;padding:15px;margin:0 0 20px;background-color:var(--white);width:calc(100% - 40px);border-radius:20px;border:solid 1px var(--secondary)}.navigate-mobile>div{display:flex;justify-content:center}.navbar-logo{width:100%;max-width:100%;height:auto}.navbar-link,.navbar-link-mobile{margin-top:10px;display:flex;flex-direction:column}.navbar-link button,.navbar-link-mobile button{width:100%;margin:10px 0;padding:10px;color:var(--black);display:flex;align-items:center}.navbar-link button i,.navbar-link-mobile button i{color:var(--black);background-color:var(--white);padding:10px;border-radius:5px;margin-right:10px}.navbar-link-mobile button i{margin-right:0}.navbar-link button.active,.navbar-link button:hover,.navbar-link-mobile button.active,.navbar-link-mobile button{background-color:var(--primary-opacity);opacity:1}.navbar-link button.active i,.navbar-link button:hover i,.navbar-link-mobile button.active i,.navbar-link-mobile button i{color:var(--white);background-color:var(--primary);opacity:1}.navbar-link button.logout:hover,.navbar-link-mobile button.logout{background-color:var(--red-opacity);opacity:1}.navbar-link button.logout:hover i,.navbar-link-mobile button.logout i{color:var(--white);background-color:var(--red);opacity:1}.navbar-link button.out:hover,.navbar-link-mobile button.out{background-color:var(--secondary-opacity);opacity:1}.navbar-link button.out:hover i,.navbar-link-mobile button.out i{color:var(--white);background-color:var(--secondary);opacity:1}@media screen and (max-width: 1450px){.navigate{margin-bottom:0}.navigate div{display:flex;flex-direction:row;justify-content:space-between}.navbar-logo{max-width:250px}.navbar-link,.navbar-link-mobile{margin-top:0;flex-direction:row;gap:20px}.navbar-link button,.navbar-link-mobile button{margin:0}}@media screen and (max-width: 1100px){.navbar-link{display:none!important}}@media screen and (max-width: 768px){.navigate-mobile{padding:10px 5px;margin-bottom:15px;width:calc(100% - 30px);border-radius:20px}.navbar-link,.navbar-link-mobile{gap:5px}}.academy-info{display:flex;flex-direction:column;justify-content:space-between;height:100%}.discord,.help{padding:15px;border-radius:10px}.discord h2,.help h2{margin-bottom:10px}.discord button,.help button{width:100%;margin-top:20px}.discord{background-color:var(--primary-opacity);color:#fff}.discord button{background-color:var(--primary);color:#000}.help{background-color:var(--secondary);color:#000}@media screen and (max-width: 1450px){.academy-info{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}.chapter{margin-top:50px;border-radius:10px}.chapter h2{margin-bottom:20px}.chapterContainer{display:grid;gap:20px}.chapterContent{display:flex;align-items:center;cursor:pointer;border-radius:20px;background-color:var(--white);padding:20px}.chapterContent:hover{opacity:.5}.chapterContent img{max-width:100px!important;width:100%!important;border-radius:10px}.chapterContent div{padding:20px 30px}.chapterContent h3{margin-bottom:5px}@media screen and (max-width: 1024px){.chapterContainer{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 768px){.chapter{margin-top:20px}.chapter h2{margin-bottom:10px}.chapterContainer{gap:10px}.chapterContent,.chapterContent div{padding:10px}}.lesson{padding:20px 30px;background-color:var(--white);border-radius:20px}.lesson h1{margin-bottom:10px;line-height:1;color:var(--secondary)}.lesson h2{opacity:.5;margin-bottom:20px}.lesson p{margin:20px 0}.lesson button{margin-top:50px}.tools h2{opacity:1;color:var(--secondary)}.tools .no-referral,.tools .referral{margin-bottom:5px;font-weight:500}.tools .referral span{background-color:var(--secondary);color:var(--white);padding:2px 5px;border-radius:2px}.tools a{text-decoration:underline}@media screen and (max-width: 768px){.lesson{padding:15px}.lesson button{margin-top:10px}}.profile h1{margin-bottom:20px}.profile .single{display:flex;align-items:center;margin-bottom:20px;background-color:var(--secondary);border-radius:20px}.profile .single .label{width:150px;padding-left:20px;color:#000}.profile .single input{width:100%}@media screen and (max-width: 768px){.profile h1{margin-bottom:5px}}
