@import url(https://fonts.googleapis.com/css2?family=Krona+One&family=Roboto:ital,wght@0,300;0,400;0,500;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bungee&display=swap);.btn{text-align:center;text-decoration:none;display:inline-block;font-size:16px;border:3px solid #030303;border-radius:8px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer}.btn_white{background-color:#f1f1f2;color:#030303;border:3px solid #030303;font-weight:500;line-height:1.75}.btn_dark,.btn_white{width:80%;margin:10px 10%}.btn_dark{background-color:#030303;color:#f1f1f2;border:3px solid #f1f1f2}.btn_right{position:absolute;bottom:5%;right:-10px;width:45%;-webkit-justify-content:space-between;justify-content:space-between;font-size:18px}.btn_right h3{margin:0}.btn_right .arrow-icon{margin-right:10px}.btn_right2{margin-right:-10px;-webkit-justify-content:space-between;justify-content:space-between;font-size:18px;height:50%;display:-webkit-flex;display:flex;background-color:#030303;color:#f1f1f2;border-color:#f1f1f2}.btn_right2 .arrow-icon{margin-right:10px}.btn_right2 h3{margin:0;font-size:18px}.button-back-container{position:absolute;top:5px;left:5px;background-color:#030303;color:#f1f1f2;border-radius:10px;padding:5px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:0}.MuiButton-contained{background-color:#030303!important;width:80%!important;margin:10px 10%!important;color:#f1f1f2!important;border:1px solid #f1f1f2!important;background:transparent;z-index:.5}.MuiButton-contained span{padding:8px 0;font-size:16px}.MuiIconButton-root{color:#f1f1f2!important}.MuiIconButton-root span{background-color:transparent}.home-container{box-sizing:border-box;width:100vw;height:100vh}.home-container .title{font-family:"Bungee",cursive;height:25%;color:#f1f1f2;font-size:60px;font-weight:700!important}.home-container img{height:auto;width:90%;margin:0 5% 20px}.home-container .button-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.home-container .dot{position:absolute;bottom:15%;left:10%}.input-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:0 0;gap:0 0;grid-template-areas:"first-name last-name"}.MuiFormControl-root{width:80%!important;margin:10px 10%!important}.first-name{grid-area:first-name;margin-left:20%!important;margin-right:5%!important;width:75%!important}.last-name{grid-area:last-name;margin-right:20%!important;margin-left:5%!important;width:75%!important}.MuiOutlinedInput-notchedOutline,.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f1f1f2!important}.MuiFormLabel-root,.MuiInputBase-input{color:#f1f1f2!important}.form-container{height:60vh}.auth-container{margin:5% 0;color:#f1f1f2}.auth-container img{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:152px;margin:0 auto!important}.auth-container form{color:#f1f1f2}.auth-container .MuiButton-startIcon,.auth-container .MuiButton-startIcon .google-icon{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.auth-container .MuiButton-startIcon .google-icon{width:25px;height:25px;margin-bottom:0!important}.courses-container{background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain;margin:0 auto;height:calc(100vh - 55px);width:100vw;display:-webkit-flex;display:flex;color:#fff;-webkit-flex-direction:column;flex-direction:column}.courses-container .welcome-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:20px;margin-bottom:10px}.courses-container .welcome-container .welcome-user h3{font-size:2.3rem;font-weight:700;margin:0;text-align:center}.courses-container .welcome-container .welcome-user h3 b{color:hsla(0,0%,100%,.5)}.courses-container .welcome-container img{width:70px;height:70px;margin-left:20px}.courses-container .question-text{font-size:2.1rem;font-weight:700;margin:40px 10%;text-align:center;color:hsla(0,0%,100%,.5)}.courses-container .question-text b{color:#fff}.courses-container .courses-box{background-color:#0c0c0d;width:80%;margin:3% 10%;border-radius:10px}.courses-container .courses-box,.courses-container .courses-box .courses-icon{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.courses-container .courses-box .courses-icon{width:25%}.courses-container .courses-box .courses-icon .courses-small-image{width:38px;background-color:#f1f1f2;padding:7px;border-radius:10px}.courses-container .courses-box h4{width:60%;margin:20px 0}.courses-container .courses-box h5{width:15%;font-size:.9em;font-family:"Bodoni Moda",serif!important;margin:20px 0}.menu-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain}.menu-container .back-icon,.menu-container .wireframe{width:42px;height:42px;color:#f1f1f2;background-color:rgba(242,242,243,.2);border-radius:10px;margin:4px}.menu-container h3{color:#f1f1f2;margin:0 auto;padding:0 10px;height:44px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.tooltip{position:relative;display:inline-block;border-radius:28px 28px 0 0}.tooltip .tooltiptext{visibility:hidden;width:100px;background-color:#363f50;color:#fff;text-align:center;border-radius:10px;padding:10px 2px;position:absolute;z-index:1;bottom:110%;left:50%;margin-left:-50px}.tooltip:hover .tooltiptext{visibility:visible}.lesson-number{width:50px;height:42px;border-radius:10px;margin:4px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.lesson-number h3{font-style:italic}.menu-icon{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.modal{width:100vw;height:100vh;background:url(/static/media/stars.8605eb71.png);background-size:contain}.modal .menu-option-container{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;height:100%;color:#fff}.modal .menu-option-container,.modal .menu-option-container .menu-option{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.modal .menu-option-container .menu-option{width:80%;-webkit-flex-direction:row;flex-direction:row;border:2px solid #fff;border-radius:10px;margin-bottom:10px}.modal .menu-option-container .menu-option svg{height:50px;width:50px;padding:10px}.close-icon{position:absolute;right:0;top:0;width:22px;height:22px;padding:10px;color:#f1f1f2;background-color:rgba(242,242,243,.2);border-radius:10px;margin:4px}.close-icon:hover{cursor:pointer}.menu-link{margin-left:20%;width:100%;color:#fff}.changeAlign{-webkit-align-items:stretch!important;align-items:stretch!important;font-family:"Roboto",sans-serif!important}.course-container{background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain;margin:0 auto;height:100vh;width:100vw}.course-container h3,.course-container p{text-align:center;padding:0 10px}.course-container .course-description{margin-top:30px}.course-container .course-big-image{-webkit-justify-content:center;justify-content:center;height:30%;margin:20px auto 10px!important}.course-container .course-big-image,.course-container .course-icon-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.course-container .course-icon-container{position:absolute;bottom:6%;right:0;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:10px;width:100%}.course-container .course-icon-container .course-icon-box{background-color:rgba(188,189,194,.2);padding:15px;border-radius:10px;width:80px;height:80px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;margin:10px;font-family:"Bodoni Moda",serif!important;border:2px solid #fff}.course-container .course-icon-container .course-icon-box .course-icon{width:35px;height:35px}.course-container .course-icon-container .course-icon-box .first-h4{margin:0;padding:6px}.course-container .course-icon-container .course-icon-box .second-h4{margin:0;font-style:italic;font-weight:300}.chapters-container{height:100%;overflow:scroll}.chapters-container .MuiSvgIcon-root{fill:#fff}.chapters-container .MuiAccordion-rounded:first-child{border-radius:0}.chapters-container .MuiAccordion-rounded{background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain;border-bottom:1px solid hsla(0,0%,100%,.2)}.chapters-container .MuiAccordion-root.Mui-expanded{margin:0}.chapters-container .MuiAccordionSummary-content{display:-webkit-flex;display:flex}.chapters-container .MuiAccordionSummary-content .accordion-img-background img{width:50px;height:50px;display:inline-block;border-radius:10px;border:2px solid hsla(0,0%,100%,.4)}.chapters-container .MuiAccordionSummary-content .accordion-chapter-header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.chapters-container .MuiAccordionSummary-content .accordion-chapter-header h3,.chapters-container .MuiAccordionSummary-content .accordion-chapter-header h4{margin:0;padding:0 20px}.chapters-container .MuiAccordionSummary-content .accordion-chapter-header h4{color:#363f50}.chapters-container .MuiAccordionDetails-root{margin-left:30%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chapters-container .MuiAccordionDetails-root .accordion-lesson-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;border:1px solid #fff;border-radius:5px;margin-bottom:5px}.chapters-container .MuiAccordionDetails-root .accordion-lesson-container .accordion-arrow-forward{height:18px}.chapters-container .MuiAccordionDetails-root h5{padding:5px;margin:0 20px 0 0;color:#fff}.MuiPaper-root{background-color:transparent}.chapters-container::-webkit-scrollbar{display:none}.quiz-locked{opacity:.5}.uppercase{text-transform:uppercase}.quiz-container{background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain;height:calc(100vh - 55px);width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.quiz-container .trophy{height:150px;margin-bottom:20px}.quiz-container h2{color:#f1f1f2;text-align:center;margin:5px 0}.quiz-container h3{padding:20px 0;cursor:pointer}.quiz-container .quiz-result{margin-top:0}.lesson-container{background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain;height:calc(100vh - 190px);width:100vw;overflow:scroll;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:20px auto 0}.lesson-container h2{margin:-1px;text-align:center}.lesson-container .lesson-image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:90vw;margin:0 auto 10px!important}.lesson-container p{padding:10px;text-align:center;color:#f1f1f2}.lesson-container::-webkit-scrollbar{display:none}.btn-lesson{text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:8px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;padding:10px;position:absolute;bottom:60px;width:80%;margin:10px 10%;border:0}.button-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:calc(100vw - 4px);position:absolute;bottom:0;border-radius:30px 30px 0 0;border:2px solid #fff}.button-container svg{width:calc(33.33333vw - 1.33333px);height:30px;padding:5px 0}.button-container .btn-lesson-option{width:calc(33.33333vw - 1.33333px);padding:7px}.button-container .link-menu{width:calc(33.33333vw - 1.33333px)}.profile-container{color:#fff}.profile-container .basic-info{width:100vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:20px}.profile-container .basic-info .space-icon{width:80px;height:80px}.profile-container .basic-info h3{font-weight:900;font-size:1.6rem;margin-top:5px;margin-bottom:20px}.profile-container .basic-info h3 b{color:hsla(0,0%,100%,.4)}.profile-container .box-container{-webkit-flex-direction:row;flex-direction:row;width:100vw}.profile-container .box-container,.profile-container .box-container .small-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.profile-container .box-container .small-box{border-radius:10px;width:100%;height:40vw;margin:2.5vw;-webkit-flex-direction:column;flex-direction:column;padding:10px}.profile-container .box-container .small-box .icon{width:50px;height:50px}.profile-container .box-container .small-box .text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-top:10px}.profile-container .box-container .small-box .text h3{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;font-size:1.6rem;margin:0 0 -20px}.profile-container .box-container .small-box .text h4{margin:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center}.profile-container .acomplished-h4{margin:20px 20px 10px 2.5vw;color:hsla(0,0%,100%,.4)}.profile-container .big-box{border-radius:10px;width:95vw;margin:2.5vw;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.profile-container .big-box,.profile-container .big-box .completed-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.profile-container .big-box .completed-box{width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.profile-container .big-box .completed-box h3{margin-bottom:10px}.profile-container .big-box .completed-box .number{width:100%}.profile-container .big-box .completed-box .number,.profile-container .big-box .completed-box .number h2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:10px}.profile-container .big-box .completed-box .number h2{width:40px;height:40px;border-radius:10px;margin:0 0 10px}.delete-account{width:100%}.delete-account button{padding:5px}.achievements-container{min-height:calc(100vh - 55px);width:100vw;background-color:#0c0c0d;background:url(/static/media/stars.8605eb71.png);background-size:contain;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;color:#fff;-webkit-flex-direction:column;flex-direction:column;margin-bottom:20px}.achievements-container img{height:200px;margin:20px 0}.achievements-container .achievement{display:-webkit-flex;display:flex;width:90%;margin:10px 5%}.achievements-container .achievement .achievement-icon{border-radius:10px 0 0 10px;height:62px}.achievements-container .achievement .achievement-icon svg{height:62px;margin:0}.achievements-container .achievement .achievement-text{width:100%;border-bottom-right-radius:20px;border-top-right-radius:20px;height:62px;padding-left:10px}.achievements-container .achievement .achievement-text h4{margin:0;padding:5px;font-style:italic}.achievements-container .achievement .achievement-text h5{margin:0;padding:0 5px 10px;color:hsla(0,0%,100%,.5)}.practical-lesson{color:#fff;margin-top:30px}.practical-lesson .practical{width:90vw;background-color:#282c34;text-align:center;border-radius:10px;margin:15px 5% 10px;font-family:Hack}.practical-lesson .practical text,.practical-lesson .practical tspan{font-family:Hack}.practical-lesson .practical .html-tag{fill:#e0696b}.practical-lesson .practical .css-tag{fill:#56b6c2}.practical-lesson .practical .variable{fill:#c678dd}.practical-lesson .practical .javascript-name{fill:#e5c07b}.practical-lesson .practical .special{fill:#ffed00;font-weight:bolder}.practical-lesson .result-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:180px;overflow:scroll}.practical-lesson .result-container h3{margin:5px;padding:5px;border:2px solid #fff;border-radius:10px}.practical-lesson .result-container .options{width:95%;margin:20px 2.5%}.practical-lesson .result-container .options h3{display:-webkit-inline-flex;display:inline-flex;position:relative;padding:10px;margin:5px}.practical-lesson .result-container .options h3 h4{position:absolute;bottom:4px;left:-12px;background-color:#fff;padding:1px;width:25px;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:10px;color:#000}.practical-lesson .buttons-container{width:100vw;display:-webkit-flex;display:flex;position:absolute;bottom:0;margin-bottom:60px}.practical-lesson .buttons-container .check-answer-container{width:100vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.practical-lesson .buttons-container .check-answer-container .practical-lesson-button-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;width:80%}.practical-lesson .buttons-container .check-answer-container .practical-lesson-button-container h4{display:-webkit-flex;display:flex}.practical-lesson .buttons-container .check-answer-container h4{font-size:1.3rem;border-radius:10px;padding:2px 20px;height:50px;margin:0;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.practical-lesson .buttons-container .check-answer-container #practical-lesson-wrong-answer,.practical-lesson .buttons-container .check-answer-container .shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-perspective:1000px;perspective:1000px;-webkit-animation-iteration-count:2;animation-iteration-count:2}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@font-face{font-family:Helvetica2;src:url(/static/media/Helvetica.06113bf7.ttf)}@font-face{font-family:Hack;src:url(/static/media/Hack-Regular.3797fd9f.ttf)}@font-face{font-family:Futura;src:url("/static/media/futura medium bt.4e762c29.ttf")}@font-face{font-family:Circular;src:url("/static/media/Circular Std Font.0cea81af.otf")}*{font-family:"Roboto",sans-serif}h3,h4,h5{font-weight:500}body{box-sizing:border-box;font-size:18px;margin:0 auto;font-family:"EB Garamond",serif;background:url(/static/media/stars.8605eb71.png);background-size:contain;background-color:#0c0c0d}.link{text-decoration:none}.futura{font-family:Futura}.circular{font-family:Circular}.bungee{font-family:"Bungee",cursive}.center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}
/*# sourceMappingURL=main.7b2f513b.chunk.css.map */