*{box-sizing:border-box}body{height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0;font-family:"Raleway",sans-serif;font-size:16px}button,h1{text-align:center}button{display:inline-block;padding:.35em 1.2em;border:.1em solid #36c;margin:0 .3em .3em 0;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-weight:300;color:#36c;transition:all .2s}button:hover{color:#fff;background-color:#36c}button.lesson{margin-left:50px}.hero-title{color:orange;text-transform:capitalize;font-size:45px;font-weight:700}.line-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-text{height:4.5em;line-height:1.5em;overflow:hidden;margin-top:5px}.individual-course-container{margin:.5rem;padding:1rem;height:auto;font-size:13px;box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-flex:0 1 31%;flex:0 1 31%;cursor:pointer}.course-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.main-container{max-width:1035px;margin:0 auto}.course-card-images{height:23vh;width:200px;object-fit:contain}.add-course{-webkit-justify-content:center;justify-content:center}.navbar{position:-webkit-sticky;position:sticky;top:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;padding:1em;color:#fff;height:70px;z-index:1;transition-timing-function:ease-in;transition:all .8s;-webkit-align-items:center;align-items:center;box-shadow:0 .0625em .0625em rgba(0,0,0,.25),0 .125em .5em rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.1)}.navbar-show-color{background:#fff;color:#000}.navbar-default-color{background:#fff}.side-nav-menu-container{width:350px;color:#000;background-color:#fff;height:100%;position:fixed;z-index:2;right:-100%;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1)}.side-nav-menu-container.active{right:0;transition:all .4s}.navbar-content-container>li{width:100%;height:70px;display:-webkit-flex;display:flex;text-align:left}.navbar-item{color:#000;text-decoration:none;font-size:17px;text-transform:uppercase}.navbar-item a:link{color:#000}.navbar-item:hover{color:#fa3838}.navbar-content-container{width:100%}.fa-items-icon{margin-right:9px;cursor:pointer}.star.selected{color:orange}.star{color:grey}.hamburger-react{color:#fdb913}.margin-top-spacer{margin-top:5vh}.hero-image{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-image:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.6)),url(/static/media/hero-image.a9bdd94e.jpg);min-height:30em;height:80%;-webkit-align-self:center;align-self:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.hero-header{color:#fdb913;font-size:40px;text-transform:capitalize;text-align:left;letter-spacing:1px}.hero-text{width:60%;margin:0 auto}.hero-text,.welcome-text{display:-webkit-flex;display:flex}.welcome-text{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-flex:4 1;flex:4 1}.welcome-text>hr{width:30%;color:#000;border:1px solid #ff8c00;margin-top:-25px;margin-left:5px}.welcome-text>p{color:#fff;font-size:18px;letter-spacing:1px;margin-bottom:45px}.login-form{-webkit-flex:2 1;flex:2 1;height:500px}.register-today{background-color:#fdb913;color:#fff;padding:10px;cursor:pointer;border-radius:2px;font-size:21px;font-weight:700;border:1px solid #fdb913;letter-spacing:1px;text-align:center;border-radius:1px;text-transform:uppercase}.register-today:hover{color:#fdb913;background-color:#fff}.animate__animated.animate__fadeInRight{--animate-duration:3s}.animate__animated.animate__fadeInLeft{--animate-duration:2s}.button{width:100%;height:50px}div.container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}form{font-size:1.2rem}form.container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;width:800px}form.container>div>button{color:#36c;border:1px solid #36c;background-color:#fff}.register-button{color:#fff;background-color:#36c}form input{height:50px}.account-elements{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.account-elements input{margin-right:50px}.fa-items-plusicon{font-size:25px;margin-right:12px}.add-course-section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;-webkit-justify-content:center;justify-content:center;text-transform:uppercase;padding:35px}.subjects-btn{margin-right:2px}.subject-btn{background-color:#fff;padding:4px;color:orange;font-size:20px;border:1px solid orange;margin-bottom:30px;margin-left:15px}.btn-active{background-color:orange;color:#fff}.form-submit-btn{background-color:#36c;color:#fff;padding:6px;cursor:pointer;border-radius:2px;font-size:21px;font-weight:700;border:1px solid #36c;letter-spacing:1px;text-align:center;border-radius:1px;text-transform:uppercase}.form-submit-btn:hover{background-color:#fff;color:#36c}.home-page-login>fieldset{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#fff}#loading{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lesson-card-container{border:14px solid #36c;width:50%;margin:0 auto;text-align:center;padding-bottom:25px}.new-lesson-container{text-align:center;margin-top:50px}.add-lesson{margin:50px auto}.lesson-container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.lesson-banner,.lesson-container{display:-webkit-flex;display:flex}.lesson-banner{background-color:#36c;color:#fff;width:100%;height:12vh;padding-left:2vw}.lesson-description>p{font-size:18px;font-weight:700}.lesson-description,.Lesson-summary-styling,.quiz-title-styling{width:70%;padding-left:2vw}.lesson-description>hr,.Lesson-summary-styling>hr,.quiz-title-styling>hr{width:7%;color:#000;float:left;border:1px solid #ff8c00;margin-top:-15px}.lesson-description>p{margin-top:-15px}.description-title{font-weight:700}.container-for-content{padding:50px;width:100%}.video-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0 auto;width:85%}.IDE-section,.youtube-vid{-webkit-flex:1 1;flex:1 1}.no-quiz-section{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.comments-section,.comments-section>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.comments-section>div{width:95%;margin:0 auto;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);padding:5px}.comments-section>div>form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:60%;margin:0 auto}.discussion-text{margin-top:-15px;text-align:center;width:80%}.send-comment{background-color:#36c;color:#fff;padding:6px;cursor:pointer;border-radius:2px;font-size:18px;font-weight:700}.btn-send-section{margin:0 auto}.styled-area{outline:none}.main-section-home{width:80%;margin:0 auto}.why_us{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.why_us>div{margin:1em}.second-column{-webkit-flex:3 1;flex:3 1}.first-column,.third-column{-webkit-flex:2 1;flex:2 1}small{color:red;font-size:15px;font-weight:700;margin-top:3px}.lesson-content{white-space:pre-line;line-height:1.7;padding:4em 0}.form-container span{color:orange}.registration-page-container{height:100%}.registration-page-container,.registration-page-container>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.registration-page-container>div{width:800px;-webkit-flex-direction:column;flex-direction:column}form label{font-weight:700;font-size:14px}form input{height:40px;border-radius:5px;width:100%;margin:10px 0}.form-login-errors{color:red;font-size:15px}
/*# sourceMappingURL=main.e3a16d91.chunk.css.map */