@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";.indexContainer{display:flex;flex-direction:column;min-height:100vh;max-height:max-content;background-image:url(./background.96886ed9.png);background-size:cover;position:relative;overflow:hidden}.headerContainer{display:flex;justify-content:center;margin-top:2rem;z-index:2}.headerContainer>a,.headerContainer>button,.headerContainer .dropdownContainer>button{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;background-color:transparent;border:1px solid transparent;color:var(--white);font-size:1rem;font-family:Ubuntu,sans-serif;font-weight:700;text-transform:uppercase;transition:all .3s}.headerContainer>a.active,.headerContainer>button.active,.headerContainer .dropdownContainer>button.active{background-color:#0000001a}.headerContainer>a svg,.headerContainer>button svg,.headerContainer .dropdownContainer>button svg{margin-left:.5rem;height:1.2rem;width:auto;transition:all .3s}.headerContainer>a svg.active,.headerContainer>button svg.active,.headerContainer .dropdownContainer>button svg.active{transform:scaleY(-1)}.headerContainer>a:hover,.headerContainer>button:hover,.headerContainer .dropdownContainer>button:hover{background-color:#0000001a}.headerContainer .dropdownContainer{position:relative}.headerContainer .dropdownContainer .content{display:flex;align-items:center;flex-direction:column;visibility:hidden;opacity:0;left:50%;transform:translate(-50%,.5rem);position:absolute;width:max-content;font:700 1rem Ubuntu,sans-serif;background-color:var(--white);padding:1rem;transition:all .3s;border-radius:.5rem}.headerContainer .dropdownContainer .content .subDropdownContainer{display:flex;flex-direction:column;position:absolute;left:calc(100% + .5rem);top:0;background-color:var(--white);border-radius:.5rem;width:max-content;padding:1rem;visibility:hidden;opacity:0;transition:all .3s}.headerContainer .dropdownContainer .content .subDropdownContainer.active,.headerContainer .dropdownContainer .content.active{visibility:visible;opacity:1}.headerContainer .dropdownContainer .content button{display:flex;justify-content:center;align-items:center;width:100%;border-width:0 0 3px 0;border-color:transparent;border-style:solid;background-color:transparent;padding:.5rem;font:700 1rem Ubuntu,sans-serif;transition:all .3s;position:relative}.headerContainer .dropdownContainer .content button svg{margin-left:.5rem;height:1rem;width:auto;transition:transform .3s}.headerContainer .dropdownContainer .content button svg.active{transform:scaleX(-1)}.headerContainer .dropdownContainer .content button.active{color:var(--primary);border-color:var(--primary)}.headerContainer .dropdownContainer .content button:not(.active):hover{color:var(--primary);border-color:var(--primary)}.headerContainer .dropdownContainer .content a{display:flex;justify-content:center;width:100%;border-bottom:3px solid transparent;padding:.5rem;transition:all .3s}.headerContainer .dropdownContainer .content a:hover{color:var(--primary);border-color:var(--primary)}.mainContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1.5rem;z-index:1;color:var(--white);font-family:Ubuntu,sans-serif;padding-bottom:3rem}.mainContainer .logoContainer{display:flex;align-items:center;gap:.5rem}.mainContainer .logoContainer img{height:6.5rem;width:auto}.mainContainer .logoContainer legend{font-family:Ubuntu,sans-serif;font-weight:400;font-size:6rem;color:var(--white);user-select:none}.mainContainer legend{font-size:2.5rem;font-weight:400;text-align:center}.footerContainer{display:flex;flex-direction:column;z-index:1;height:max-content}.footerContainer .waveMobile{display:none}.footerContainer .copyContainer{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0}.footerContainer .copyContainer span{display:flex;gap:1rem;position:absolute;top:-5rem;gap:2rem}.footerContainer .copyContainer span img{height:4.5rem;width:auto}.footerContainer .copyContainer p{color:var(--white);font-family:Ubuntu,sans-serif}@media (max-width: 800px){.headerContainer{display:none}.mainContainer{padding-bottom:0}.mainContainer legend{font-size:2rem}.mainContainer .logoContainer{flex-direction:column}.mainContainer .logoContainer img{height:15rem;margin-bottom:2rem}.footerContainer .waveMobile{display:block}.footerContainer .waveDesktop{display:none}.footerContainer .copyContainer{padding:1rem 0}.footerContainer .copyContainer span{display:grid;position:initial;grid-template-columns:1fr 1fr;place-items:center}.footerContainer .copyContainer span img{height:6rem;width:auto}.footerContainer .copyContainer span img:nth-of-type(odd):last-of-type{grid-column:1/span 2}.footerContainer .copyContainer p{margin-top:3rem}}.hamburger{position:absolute;top:1rem;right:1rem;font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;border:0;background-color:transparent;z-index:12}.hamburger .hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger .hamburger-box .hamburger-inner{top:50%;display:block;margin-top:-2px;position:absolute;width:40px;height:4px;transition:all .3s;border-radius:4px;background-color:var(--white)}.hamburger .hamburger-box .hamburger-inner:before{content:"";position:absolute;top:-10px;display:block;height:4px;width:40px;border-radius:4px;background-color:var(--white);transition:all .3s}.hamburger .hamburger-box .hamburger-inner:after{content:"";position:absolute;display:block;bottom:-10px;height:4px;width:40px;border-radius:4px;background-color:var(--white);transition:all .3s}.hamburger.active .hamburger-inner{background-color:transparent}.hamburger.active .hamburger-inner:before{top:0;transform:rotate(-45deg);background-color:var(--text)}.hamburger.active .hamburger-inner:after{bottom:0;transform:rotate(45deg);background-color:var(--text)}.menuOptionsContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:100vh;width:100vw;background-color:var(--white);left:100vw;padding:0 3rem;position:absolute;z-index:11;transition:all .3s}.menuOptionsContainer.active{left:0}.menuOptionsContainer a,.menuOptionsContainer button{display:flex;justify-content:center;align-items:center;position:relative;background-color:transparent;border:3px solid transparent;font-size:2.5rem;font-weight:600;font-family:Ubuntu,sans-serif;padding:1rem;width:100%;transition:all .3s}.menuOptionsContainer a.active,.menuOptionsContainer button.active{color:var(--primary);border-bottom-color:var(--primary)}.menuOptionsContainer a svg,.menuOptionsContainer button svg{position:absolute;right:0;transition:transform .3s}.menuOptionsContainer a svg.active,.menuOptionsContainer button svg.active{transform:scaleY(-1)}.menuOptionsContainer a:not(.active):hover,.menuOptionsContainer button:not(.active):hover{border-bottom-color:#1b1b1b}.menuOptionsContainer .dropdownMobile{width:100%}.menuOptionsContainer .dropdownMobile .content{display:flex;overflow:hidden;flex-direction:column;max-height:0;transition:all .3s}.menuOptionsContainer .dropdownMobile .content.active{overflow:visible;max-height:50rem}.menuOptionsContainer .dropdownMobile .content .subDropdownMobile{display:flex;overflow:hidden;flex-direction:column;max-height:0;transition:all .3s}.menuOptionsContainer .dropdownMobile .content .subDropdownMobile a,.menuOptionsContainer .dropdownMobile .content .subDropdownMobile button{font-size:1.5rem}.menuOptionsContainer .dropdownMobile .content .subDropdownMobile.active{overflow:visible;max-height:50rem}.menuOptionsContainer .dropdownMobile .content button{color:var(--primary);font-size:2rem;font-family:Ubuntu,sans-serif;background-color:transparent}.menuOptionsContainer .dropdownMobile .content button.active{color:var(--primary);border-bottom-color:var(--primary)}.menuOptionsContainer .dropdownMobile .content button:not(.active):hover{border-bottom-color:var(--primary)}.menuOptionsContainer .dropdownMobile .content a{color:var(--primary);font-size:2rem}.menuOptionsContainer .dropdownMobile .content a:hover{border-bottom-color:var(--primary)}.tutorialLink{display:flex;align-items:center;justify-content:center;flex-direction:column;width:15rem;border:1px dashed transparent;border-radius:.5rem;padding:1rem;text-align:center;min-height:7rem;font-family:Rubik Mono One,sans-serif;background-color:var(--primary);color:var(--white);transition:all .3s}.tutorialLink:hover{background-color:var(--white);color:var(--primary);border-color:var(--primary);transform:translateY(-5px)}@media (max-width: 800px){.tutorialLink{width:100%;font-size:1.3rem;height:10rem}.tutorialLink:hover{transform:translateY(0)}}.modalContainer{display:flex;flex-direction:column;background-color:#fafafa;width:60rem;height:max-content;padding:1rem;justify-content:space-evenly;align-items:center;position:absolute;top:100%;left:50%;transform:translate(-50%);border-radius:.75rem;z-index:21;font-family:Ubuntu,sans-serif;transition:all .3s}.modalContainer.hidden{opacity:0;visibility:hidden}.modalContainer.mooc{width:40rem}.modalContainer.mooc div{display:flex;flex-direction:column}.modalContainer.mooc div small{align-self:flex-end;margin-top:1rem}.modalContainer.warning{width:fit-content}.modalContainer.warning>div{display:flex;flex-direction:column;align-items:center}.modalContainer.warning>div>legend{display:flex;flex-direction:column;align-items:center;color:var(--primary);font-weight:600;margin:1rem 0;gap:.3rem}.modalContainer.warning>div>legend span{font-size:1.3rem}.modalContainer.warning>div>legend p{font-size:1rem}.modalContainer.warning>div>legend:last-of-type{margin-bottom:0}.modalContainer.warning>div section{display:flex;flex-direction:column;width:100%}.modalContainer.warning>div section legend{display:flex;align-items:center;color:var(--primary);gap:.2rem;font-size:1.1rem;font-weight:600}.modalContainer.warning>div section legend svg{height:1.5rem;width:auto}.modalContainer.warning>div section p{font-size:1rem;text-align:left}.modalContainer.warning>div section p a{color:var(--primary);border-bottom:1px solid transparent;transition:all .3s}.modalContainer.warning>div section p a:hover{color:var(--secondary);border-color:var(--secondary)}.modalContainer.warning>div img{height:auto;width:40rem}.modalContainer.warning>div small{align-self:flex-end;margin-top:1rem}.modalContainer{animation:popup .2s ease 1 forwards}.modalContainer>legend{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1rem}.modalContainer p{font-size:1.2rem;text-align:center}.modalContainer .closeButton{display:flex;align-content:center;justify-content:center;background-color:transparent;border:1px solid transparent;position:absolute;top:1rem;right:1rem;width:2.5rem;height:auto;transition:all .3s}.modalContainer .closeButton svg{width:100%;height:auto}.modalContainer .closeButton:hover{color:var(--primary);transform:translate(1px,-1px)}.modalContainer .buttons{display:flex;width:100%;gap:1rem}.modalContainer .buttons button,.modalContainer .buttons a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:10rem;background-color:var(--white);border:1px solid var(--primary);color:var(--primary);border-radius:.75rem;font-weight:900;font-size:2rem;font-family:Ubuntu,sans-serif;transition:all .3s}.modalContainer .buttons button span,.modalContainer .buttons a span{font-size:.7rem;font-weight:500}.modalContainer .buttons button:hover,.modalContainer .buttons a:hover{color:var(--white);background-color:var(--primary)}.modalTutorials{display:flex;flex-direction:column;background-color:var(--white);width:70rem;height:max-content;padding:1rem;justify-content:space-evenly;align-items:center;position:absolute;top:100%;left:50%;transform:translate(-50%);border-radius:.75rem;z-index:22;font-family:Ubuntu,sans-serif;transition:all .3s}.modalTutorials{animation:popup .2s ease 1 forwards}@keyframes popup{to{top:50%;transform:translate(-50%,-50%)}}.modalTutorials .backButton{display:flex;align-content:center;justify-content:center;background-color:transparent;border:1px solid transparent;position:absolute;top:1rem;left:1rem;width:2.5rem;height:auto;transition:all .3s}.modalTutorials .backButton svg{width:100%;height:auto}.modalTutorials .backButton:hover{color:var(--primary);transform:translate(-1px,-1px)}.modalTutorials legend{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:1.5rem}.modalTutorials section{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%}@media (max-width: 800px){.modalContainer{height:100vh;width:100vw;justify-content:center;border-radius:0;gap:3rem}.modalContainer.mooc{width:100vw;height:100vh}.modalContainer.warning{height:100vh;width:100vw}.modalContainer.warning div>legend span{font-size:1.8rem}.modalContainer.warning div>legend p{font-size:1.3rem}.modalContainer.warning div>legend:last-of-type{font-size:2rem;text-align:center}.modalContainer.warning div section legend{font-size:1.5rem}.modalContainer.warning div section p{font-size:1.3rem}.modalContainer .buttons{display:flex;flex-direction:column}.modalContainer .buttons button{font-size:3rem}.modalContainer .buttons button span{font-size:1.3rem}.modalContainer legend{font-size:4rem}.modalContainer p{font-size:2rem}.modalContainer .closeButton{height:5rem;width:auto}.modalTutorials{width:100%;height:100vh;border-radius:0;padding:4rem 1rem 1rem;justify-content:center}.modalTutorials>legend{font-size:3rem}.modalTutorials .backButton{width:5rem;height:auto}.modalTutorials section{overflow-y:scroll}}:root{--primary: #03B7F9;--secondary: #012781;--text: #1b1b1b;--white: #FAFAFA}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{background:#FFFFFF}a{text-decoration:none;color:inherit}button{cursor:pointer}@media (max-width: 1280px){html{font-size:93.75%}}@media (max-width: 1134px){html{font-size:87.5%}}@media (max-width: 1024px){html{font-size:81.25%}}@media (max-width: 768px){html{font-size:75%}}@media (max-width: 600px){html{font-size:68.75%}}@media (max-width: 500px){html{font-size:62.5%}}@media (max-width: 400px){html{font-size:56.25%}}@media (max-width: 300px){html{font-size:50%}}.backdrop{position:absolute;height:100vh;width:100vw;background-color:#00000075;z-index:20}