*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;margin:0;padding:0}.container{width:100%}.hljs{background:#333;color:#fff}.hljs-doctag,.hljs-meta-keyword,.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-section,.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-meta-string,.hljs-string{color:#a2fca2}.hljs-attr,.hljs-quote,.hljs-selector-attr{color:#7bd694}.hljs-tag .hljs-attr{color:inherit}.hljs-attribute,.hljs-title,.hljs-type{color:#ffa}.hljs-number,.hljs-symbol{color:#d36363}.hljs-bullet,.hljs-template-tag{color:#b8d8a2}.hljs-built_in,.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-formula{color:#888}.hljs-link,.hljs-regexp,.hljs-selector-pseudo{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background:#fc9b9b;color:#333}.hljs-addition{background:#a2fca2;color:#333}.hljs-subst{color:#fff}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}.hljs mark{background:#555;color:inherit}.navbar{align-items:center;background-color:#0e1a2a;color:#f0f8ff;display:flex;height:80px;justify-content:space-between;position:fixed;width:100%;z-index:500}.navbar a{text-decoration:none}.navbar .links a{color:hsla(0,0%,100%,.8);font-weight:500;margin:0 10px;text-transform:uppercase;transition:.3s;width:100%}.navbar .links a:hover{color:#f0f8ff}.navbar .nav-btns{display:flex}.navbar .account-btn{align-items:center;background-color:hsla(0,0%,100%,.1);border:none;border-radius:10px;box-shadow:0 0 0 1px hsla(0,0%,100%,.8),2px 1px 10px 2px #000;color:#f8f9fa;display:flex;font-weight:700;letter-spacing:-.5px;margin-right:20px;padding:8px 14px;text-decoration:none;transition:.3s}.navbar .account-btn:hover{box-shadow:0 0 0 1px hsla(0,0%,100%,.8),2px 4px 10px 2px #000;cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.navbar .account-btn .account-btn-svg{height:16px;padding-left:5px;width:16px}.navbar .login-account-btn{align-items:center;background-color:hsla(0,0%,100%,.6);border:none;border-radius:10px;box-shadow:0 0 0 1px hsla(0,0%,100%,.8),2px 1px 10px 2px #000;color:#0e1a2a;display:flex;font-weight:700;letter-spacing:-.5px;margin-right:20px;padding:8px 14px;text-decoration:none;transition:.3s}.navbar .login-account-btn:hover{box-shadow:0 0 0 1px hsla(0,0%,100%,.8),2px 4px 10px 2px #000;cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.navbar .login-account-btn .login-account-btn-svg{height:16px;padding-left:5px;width:16px}.navbar .nav-svg{stroke:#f0f8ff;fill:#f0f8ff;height:40px;padding:0 10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:40px}.navbar .brand{align-items:center;color:#f8f9fa;display:flex;font-size:28px;font-weight:500;line-height:1;padding-left:32px}.navbar .brand:hover{cursor:pointer}.navbar .brand .brand-svg{height:38px;padding:0 5px;width:38px}#landing-bg{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/static/media/circuit.38ef20270c5b0df19e2d.PNG) 50% no-repeat;background-size:cover;color:#f0f8ff;height:100vh;width:100%}#landing-bg .landing-text-container{background-color:rgba(0,0,0,.4);height:100vh}#landing-bg .landing-text-container .landing-text{align-items:center;color:#f8f9fa;display:flex;flex-direction:column;letter-spacing:-1px;padding-top:200px;width:100%}#landing-bg .landing-text-container .landing-text h1{font-size:64px;margin-bottom:20px}#landing-bg .landing-text-container .landing-text p{font-size:28px;margin-bottom:30px;text-align:center}#landing-bg .landing-text-container .landing-text p span{border-bottom:2px solid skyblue;color:skyblue}#landing-bg .landing-text-container .landing-text button{background-color:#15263d;border:none;border-radius:10px;box-shadow:0 0 0 4px rgba(21,38,61,.6);color:#f0f8ff;font-size:26px;font-weight:500;letter-spacing:-1px;padding:15px 40px;transition:.3s}#landing-bg .landing-text-container .landing-text button:hover{box-shadow:0 0 0 5px rgba(52,57,63,.6);cursor:pointer}.dashboard-container{align-items:center;background-color:#172235;background-size:cover;display:flex;flex-direction:column;height:100%;padding-bottom:100px;width:100%}.dashboard-container h2{color:#f0f8ff!important}.dashboard-container .header-greeting{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);height:250px;width:100%}.dashboard-container .header-greeting h1,.dashboard-container .header-greeting h4{color:#f0f8ff}.dashboard-container .new-course-card-container{display:flex;margin-top:36px}.dashboard-container .new-course-card-container .course-card{box-shadow:0 20px 30px 0 rgba(0,0,0,.5);height:300px;margin:0 10px;padding:10px 20px;transition:.3s;width:250px}.dashboard-container .new-course-card-container .course-card:hover{box-shadow:0 0 30px 0 hsla(0,0%,100%,.5);cursor:pointer;text-shadow:0 0 10px green}.dashboard-container .new-course-card-container .course-card .top{align-items:center;display:flex;flex-direction:column;justify-content:center}.dashboard-container .new-course-card-container .course-card .top h4{color:#f0f8ff;font-size:30px;font-weight:700;margin-top:26px;text-shadow:0 0 2px #000}.dashboard-container .new-course-card-container .course-card .top .white-circle{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:200px;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);display:flex;height:100px;justify-content:center;margin-top:44px;width:100px}.dashboard-container .new-course-card-container .course-card .top .white-circle i{text-shadow:0 1px 1px #000}.dashboard-container .new-course-card-container .course-card .top .white-circle .fa-html5{color:#d2691e}.dashboard-container .new-course-card-container .course-card .top .white-circle .fa-css3-alt{color:#274de4}.dashboard-container .new-course-card-container .course-card .top .white-circle .fa-js{color:#efd81d}.dashboard-container .new-course-card-container .course-card .top .white-circle .fa-react{color:#5ed3f3}.dashboard-container .new-course-card-container .course-card .bottom{color:#f0f8ff;font-weight:700;margin-top:24px;text-align:center;text-shadow:0 0 3px #000}.dashboard-container .courses .courses-container{display:flex;margin-top:36px}.dashboard-container .courses .courses-container .course-card{align-items:center;border-radius:10px;box-shadow:0 20px 30px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;height:300px;justify-content:center;margin:0 10px;transition:.3s;width:200px}.dashboard-container .courses .courses-container .course-card:hover{cursor:pointer;-webkit-transform:scale(1.025);transform:scale(1.025)}.dashboard-container .courses .courses-container .course-card .lock-svg{fill:#cecece;stroke:#000;height:90px;position:absolute;width:90px;z-index:2}.dashboard-container .courses .courses-container .course-card .course-card-content-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.dashboard-container .courses .courses-container .course-card .course-card-content-container .i{align-items:center;background-color:#f8f9fa;border-radius:200px;box-shadow:0 10px 30px 0 rgba(0,0,0,.1),inset 0 0 30px 0 rgba(0,0,0,.35);display:flex;height:100px;justify-content:center;margin:0 auto;width:100px}.dashboard-container .courses .courses-container .course-card .course-card-content-container p{color:#f8f9fa;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);font-size:24px;font-weight:700;margin-top:20px;text-align:center}.dashboard-container .courses .courses-container .course-card .course-card-content-container .lock{position:absolute}.dashboard-container .courses .courses-container .course-card .course-card-content-container .lock .lock-svg{position:relative;top:10px;z-index:2}.dashboard-container .courses .courses-container .gs{background-color:#000}.dashboard-container .courses .courses-container .gs i{border-radius:100px;color:#000;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);font-size:60px}.dashboard-container .courses .courses-container .html{background-color:#d2691e}.dashboard-container .courses .courses-container .html i{border-radius:100px;color:#d2691e;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);font-size:72px}.dashboard-container .courses .courses-container .css{background-color:#264de4}.dashboard-container .courses .courses-container .css i{border-radius:100px;color:#264de4;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);font-size:72px}.dashboard-container .courses .courses-container .js{background-color:gold}.dashboard-container .courses .courses-container .js i{border-radius:100px;color:gold;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);font-size:72px}.dashboard-container .courses .courses-container .react{background-color:aqua;color:#000}.dashboard-container .courses .courses-container .react i{border-radius:100px;color:aqua;-webkit-filter:drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black);font-size:72px}.dashboard-container .courses .courses-container .react.gated{border-radius:10px;-webkit-filter:blur(2px);filter:blur(2px);height:300px;width:200px}.dashboard-container .upgrade-link{align-items:center;border-bottom:1px dotted #69af86;color:#69af86;display:flex;font-size:14px;font-weight:500;margin:5px auto;padding:0;width:70px}.dashboard-container .upgrade-link .upgrade-svg{height:14px;padding-left:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:14px}.dashboard-container .upgrade-link:hover{cursor:pointer}.dashboard-container h1{font-size:44px;letter-spacing:-1px;margin-bottom:8px;padding-top:120px}.dashboard-container h2{letter-spacing:-.5px;margin-top:45px}.dashboard-container h4{font-size:18px;font-weight:500;letter-spacing:-.2px;margin-bottom:2px}.dashboard-container h1,.dashboard-container h2,.dashboard-container h4{color:#212529;text-align:center}.gs-container{align-items:center}.gs-container,.gs-container .content{display:flex;flex-direction:column;width:100%}.gs-container .content{color:#343a40;padding-top:85px}.gs-container .content h1{font-size:44px;letter-spacing:-1px;margin-bottom:20px;text-align:center}.gs-container .content p{font-weight:500;line-height:1.7}.gs-container .content p .p-link{border-bottom:1px dotted #4169e1;color:#4169e1;text-decoration:none}.gs-container .content p img{height:auto;margin:10px 0;width:100%}.gs-container .content .gs-lessons{-ms-grid-columns:1fr 4fr;grid-gap:8px;display:-ms-grid;display:grid;gap:8px;grid-template-columns:1fr 4fr;height:450px;width:100%}.gs-container .content .gs-lessons .menu{background-color:#f8f9fa;border:3px solid #343a40;display:flex;flex-direction:column;height:532px}.gs-container .content .gs-lessons .menu h2{border-bottom:2px solid #343a40;text-align:center}.gs-container .content .gs-lessons .menu ul.menu-track{align-items:center;background:#fff;border-left:4px solid #f8f9fa;border-right:4px solid #f8f9fa;border-top:2px solid #343a40;display:flex;flex-direction:column;justify-content:space-between}.gs-container .content .gs-lessons .menu ul.menu-track .active{background-color:#1e2c45;color:#e9ecef}.gs-container .content .gs-lessons .menu ul.menu-track .li-item{align-items:center;box-shadow:0 0 30px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;margin:5px 0;width:100%;z-index:10}.gs-container .content .gs-lessons .menu ul.menu-track .li-item:hover{cursor:pointer}.gs-container .content .gs-lessons .menu ul.menu-track .li-item .completed{stroke:#2f9e44;height:26px;padding-right:10px;width:26px}.gs-container .content .gs-lessons .menu ul.menu-track .li-item .not-completed{stroke:#fab005;height:26px;padding-right:10px;width:26px}.gs-container .content .gs-lessons .menu ul.menu-track .li-item li{align-items:center;display:flex;font-size:14px;font-weight:700;height:50px;padding-left:10px;z-index:5}.gs-container .content .gs-lessons .lesson-container{background-color:#f8f9fa;border:3px solid #1e2c45}.gs-container .content .gs-lessons .lesson-container .content{display:flex;flex-direction:column;height:500px;margin:0 auto;overflow-y:scroll;padding:16px 50px;width:1100px}.gs-container .content .gs-lessons .lesson-container .content iframe{margin:0 auto;width:100%}.gs-container .content .gs-lessons .lesson-container .content pre{background-color:#1e2c45!important;margin:10px 0;padding:20px;width:100%}.gs-container .content .gs-lessons .lesson-container .content pre code{background-color:#1e2c45;color:#e9ecef;margin:10px 0;white-space:pre;width:100%}.gs-container .content .gs-lessons .lesson-container .content .hljs{margin:20px 0}.gs-container .content .gs-lessons .lesson-container .content .complete-notice{align-items:center;display:flex;font-size:24px;font-weight:700;justify-content:center;margin:5px 0;width:100%}.gs-container .content .gs-lessons .lesson-container .content .complete-notice .completed-svg{stroke:#2f9e44;height:36px;width:36px}.gs-container .content .gs-lessons .lesson-container .content .complete-example{align-items:center;color:#2f9e44;display:flex;flex-direction:row;font-weight:700;margin:0 5px}.gs-container .content .gs-lessons .lesson-container .content .complete-example .completed-svg{height:24px;width:24px}.gs-container .content .gs-lessons .lesson-container .content h1{align-items:center;display:flex;font-size:32px;margin:0 auto 20px;text-align:center}.gs-container .content .gs-lessons .lesson-container .content p{letter-spacing:0;line-height:2;margin-bottom:20px}.gs-container .content .gs-lessons .lesson-container .content p .code-line{background-color:#e9ecef;border-radius:5px;color:#f06595;padding:2px 4px}.gs-container .content .gs-lessons .lesson-container .content .p-with-svg{display:flex}.gs-container .content .gs-lessons .lesson-container .content button{align-items:center;background-color:#2f9e44;border:none;border-radius:10px;box-shadow:0 20px 30px 0 rgba(0,0,0,.1);color:#f8f9fa;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;margin:20px auto;padding:10px 20px;width:500px}.gs-container .content .gs-lessons .lesson-container .content button:hover{cursor:pointer}.gs-container .content .gs-lessons .lesson-container .content button .completed{height:30px;padding-left:10px;width:30px}.html-container{align-items:center}.html-container,.html-container .content{display:flex;flex-direction:column;width:100%}.html-container .content{color:#343a40;padding-top:85px}.html-container .content h1{font-size:44px;letter-spacing:-1px;margin-bottom:20px;text-align:center}.html-container .content p{font-weight:500;line-height:1.7}.html-container .content .html-lessons{-ms-grid-columns:1fr 4fr;grid-gap:8px;display:-ms-grid;display:grid;gap:8px;grid-template-columns:1fr 4fr;height:450px;width:100%}.html-container .content .html-lessons .menu{background-color:#f8f9fa;border:3px solid #343a40;display:flex;flex-direction:column;height:532px}.html-container .content .html-lessons .menu h2{border-bottom:2px solid #343a40;text-align:center}.html-container .content .html-lessons .menu ul.menu-track{align-items:center;background:#fff;border-left:4px solid #f8f9fa;border-right:4px solid #f8f9fa;border-top:2px solid #343a40;display:flex;flex-direction:column;justify-content:space-between}.html-container .content .html-lessons .menu ul.menu-track .active{background-color:#1e2c45;color:#e9ecef}.html-container .content .html-lessons .menu ul.menu-track .li-item{align-items:center;box-shadow:0 0 30px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;margin:5px 0;width:100%;z-index:10}.html-container .content .html-lessons .menu ul.menu-track .li-item:hover{cursor:pointer}.html-container .content .html-lessons .menu ul.menu-track .li-item .completed{stroke:#2f9e44;height:26px;padding-right:10px;width:26px}.html-container .content .html-lessons .menu ul.menu-track .li-item .not-completed{stroke:#fab005;height:26px;padding-right:10px;width:26px}.html-container .content .html-lessons .menu ul.menu-track .li-item li{align-items:center;display:flex;font-size:14px;font-weight:700;height:50px;padding-left:10px;z-index:5}.html-container .content .html-lessons .lesson-container{background-color:#f8f9fa;border:3px solid #1e2c45}.html-container .content .html-lessons .lesson-container .content{display:flex;flex-direction:column;height:500px;margin:0 auto;overflow-y:scroll;padding:16px 50px;width:1100px}.html-container .content .html-lessons .lesson-container .content .speech-btn-container .fa-assistive-listening-systems{color:#e8beac;font-size:28px}.html-container .content .html-lessons .lesson-container .content .speech-btn-container .fa-pause,.html-container .content .html-lessons .lesson-container .content .speech-btn-container .fa-play{color:#1e2c45;font-size:18px}.html-container .content .html-lessons .lesson-container .content .speech-btn-container div{align-items:center;background-color:rgba(0,0,0,.8);border-radius:5px;color:#e9ecef;display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin:0 auto 20px;padding:10px 15px;text-transform:uppercase;width:300px}.html-container .content .html-lessons .lesson-container .content .speech-btn-container .text-to-speech-btn{background-color:#e9ecef;height:30px;margin:0;width:30px}.html-container .content .html-lessons .lesson-container .content pre{background-color:#1e2c45!important;margin:10px 0;padding:20px;width:100%}.html-container .content .html-lessons .lesson-container .content pre code{background-color:#1e2c45;color:#e9ecef;margin:10px 0;white-space:pre;width:100%}.html-container .content .html-lessons .lesson-container .content .hljs{margin:20px 0}.html-container .content .html-lessons .lesson-container .content .complete-notice{align-items:center;display:flex;font-size:24px;font-weight:700;justify-content:center;margin:5px 0;width:100%}.html-container .content .html-lessons .lesson-container .content .complete-notice .completed-svg{stroke:#2f9e44;height:36px;width:36px}.html-container .content .html-lessons .lesson-container .content .complete-example{align-items:center;color:#2f9e44;display:flex;flex-direction:row;font-weight:700;margin:0 5px}.html-container .content .html-lessons .lesson-container .content .complete-example .completed-svg{height:24px;width:24px}.html-container .content .html-lessons .lesson-container .content h1{align-items:center;display:flex;font-size:32px;margin:0 auto 20px;text-align:center}.html-container .content .html-lessons .lesson-container .content p{letter-spacing:0;line-height:2;margin-bottom:20px}.html-container .content .html-lessons .lesson-container .content p .code-line{background-color:#e9ecef;border-radius:5px;color:#f06595;padding:2px 4px}.html-container .content .html-lessons .lesson-container .content .p-with-svg{display:flex}.html-container .content .html-lessons .lesson-container .content button{align-items:center;background-color:#2f9e44;border:none;border-radius:10px;box-shadow:0 20px 30px 0 rgba(0,0,0,.1);color:#f8f9fa;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;margin:20px auto;padding:10px 20px;width:500px}.html-container .content .html-lessons .lesson-container .content button:hover{cursor:pointer}.html-container .content .html-lessons .lesson-container .content button .completed{height:30px;padding-left:10px;width:30px}
/*# sourceMappingURL=main.d4b852d5.css.map*/