@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#0d1128;--secondary-color:#fff;--tertiary-color:#fd5f00}@media (max-width:768px){html{font-size:12px}}@media (max-width:576px){html{font-size:10px}}body{font-family:Poppins,sans-serif}nav{background-color:#0d1128;background-color:var(--primary-color);color:#fff;color:var(--secondary-color);justify-content:center;left:0;padding:.5em 2em;position:fixed;top:0;width:100vw}.navbar-inner-container,nav{align-items:center;display:flex}.navbar-inner-container{height:45px;justify-content:space-between;padding-top:.5em;width:100%}@media (min-width:768px){.navbar-inner-container{width:80%}}.school-logo{display:inline-block;height:100%;width:30px}.school-logo img{width:100%}.navlinks{align-items:center;-webkit-column-gap:1.5em;column-gap:1.5em;display:inline-block;display:flex;height:100%;justify-content:space-between;list-style:none}.navlinks li{cursor:pointer;position:relative}.navlinks li a{color:#fff;text-decoration:none}.navlinks li a:hover{color:#0c48ca}.navlinks .logout-navlink{background-color:rgba(255,0,0,.8);margin-left:2em;padding:.5em 2em}.navlinks .logout-navlink:hover{background-color:initial;border:2px solid rgba(255,0,0,.8);padding:.35em 1.85em}.navlinks .logout-navlink:hover a{color:rgba(255,0,0,.8)}@-webkit-keyframes openup{0%{height:0}to{height:400%}}@keyframes openup{0%{height:0}to{height:400%}}.drop-down{background-color:#0d1128;background-color:var(--primary-color);display:none;left:-40px;overflow:hidden;position:absolute;top:100%}.navlinks li:hover .drop-down{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:openup;animation-name:openup;display:block}.drop-down ul{display:block;list-style:none;margin:10px;padding:10px;width:160px}.drop-down ul li a{color:#fff;color:var(--secondary-color);text-decoration:none}.drop-down ul li:hover a{color:#0c48ca}.drop-down ul li:first-child{margin-bottom:1em}.register{background:linear-gradient(rgba(0,0,0,.95),rgba(0,0,0,.95)),url(/static/media/reg-bg3.a3e71852c45872f55169.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--secondary-color);min-height:100vh;position:relative;width:100vw}.container{align-items:center;background-color:hsla(0,0%,100%,.05);box-shadow:0 0 10px .01px gray;display:flex;flex-direction:column;justify-content:space-between;left:50%;padding:2em 1em;position:absolute;row-gap:1.5em;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}@media (max-width:768px){.container{width:80%}}@media (max-width:576px){.container{width:95%}}.register-header{font-size:3rem;text-decoration:underline}.reg-form{align-items:center;-webkit-column-gap:1em;column-gap:1em;display:flex;flex-direction:column;max-height:550px;padding:1em;width:100%}.form-inputs-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2em;justify-content:space-between;margin-bottom:2em;width:100%}.inputs-bank-1,.inputs-bank-2{width:45%}@media (max-width:576px){.reg-form{overflow-y:scroll}.form-inputs-container{flex-direction:column}.inputs-bank-1,.inputs-bank-2{width:100%}}.inputs-bank-1 input,.inputs-bank-2 input{background:transparent;border:0;border-bottom:2px solid #fd5f00;border-bottom:2px solid var(--tertiary-color);color:#fff;color:var(--secondary-color);display:block;height:35px;margin-bottom:1.5em;padding:1em 1em .5em;width:100%}.reg-password{position:relative}.reg-password p{cursor:pointer;margin-top:-3.5em;position:absolute;right:1em}.submit-btn{background:rgba(253,95,0,.3);border:1px solid #fd5f00;border:1px solid var(--tertiary-color);color:#fff;color:var(--secondary-color);font-size:1.5rem;height:60px;transition:.7s;width:300px}.submit-btn:hover{background:#fd5f00;background:var(--tertiary-color);border:2px solid #fd5f00;border:2px solid var(--tertiary-color)}.reg-text{font-size:.8rem;letter-spacing:.08em;word-spacing:.3em}.reg-text button{background:transparent;border:none;color:#fd5f00!important;color:var(--tertiary-color)!important;color:inherit;font-size:1rem;font-style:italic;text-decoration:underline;transition:.4s}.reg-text button:hover{color:#fff!important}.modal-container{background:rgba(0,0,0,.7);height:100vh;position:relative;width:100vw;z-index:5}.modal-wrapper{align-items:center;background:rgba(0,0,0,.6);box-shadow:0 0 10px .01px hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;flex-wrap:wrap;font-weight:700;gap:1em;justify-content:center;left:50%;min-height:100px;padding:1em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;z-index:5}@media(min-width:768px){.modal-wrapper{max-width:500px;width:50%}}.modal-wrapper p{font-size:1.2rem}.modal-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-weight:700;height:30px;justify-content:center;position:absolute;right:1em;top:1em;width:30px}.goto-login{font-size:1.2rem;height:40px;width:200px}.error-msg{display:block;font-style:italic}.login{background:linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.9)),url(/static/media/login-bg.296b0233f2974cabbdb7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--secondary-color);height:100vh;justify-content:center;width:100vw}.login,.login-wrapper{align-items:center;display:flex}.login-wrapper{background:linear-gradient(hsla(0,0%,100%,.1),rgba(155,255,255,.1));flex-direction:column;justify-content:space-between;padding:2em;row-gap:1em;width:95%}@media (min-width:768px){.login-wrapper{max-width:700px;width:50%}}.school-logo-login{width:100px}.form-area-container,.school-logo-login img{width:100%}.login-form{padding:2em 0}.login-form div{position:relative;width:100%}.login-form div input{background:transparent;border:none;border-bottom:2px solid #fd5f00;border-bottom:2px solid var(--tertiary-color);color:#fff;color:var(--secondary-color);height:40px;margin-top:.5em;width:100%}.login-form p{color:gray;cursor:pointer;margin-top:-2em;position:absolute;right:20px;z-index:4}.login-btn{height:60px;margin:1em;width:300px}@media (max-width:320px){.login-btn{width:90%}}.goto-register{text-align:center}.goto-register button{background:transparent;border:none;color:#fd5f00!important;color:var(--tertiary-color)!important;color:inherit;font-size:1rem;font-style:italic;text-decoration:underline;transition:.4s}.goto-register button:hover{color:#fff!important}.home{margin-top:60px}.home-banner{align-items:center;background:linear-gradient(270deg,rgba(253,95,0,.5),rgba(253,95,0,.5),hsla(0,0%,100%,.5)),url(/static/media/home-banner2.5b21a1a567d84628caa7.webp);background-position:top;background-repeat:no-repeat;background-size:cover;display:flex;height:calc(100vh - 60px);justify-content:flex-start;padding:0 2em;width:100vw}.banner-text{color:rgba(0,0,0,.8);width:70%}@media (min-width:768px){.home-banner{padding:0 5em}.banner-text{width:40%}}.banner-text button{background:#fd5f00;background:var(--tertiary-color);border:none;color:#fff;color:var(--secondary-color);height:40px;transition:.5s;width:200px}.banner-text button:hover{background:none;border:2px solid #fd5f00;border:2px solid var(--tertiary-color);color:rgba(0,0,0,.8)}.features-card{width:100%}.features-card .single-card{align-items:center;color:#fff;color:var(--secondary-color);display:flex;flex-direction:column;justify-content:space-between;padding:3em 2em;row-gap:1em;text-align:justify;transition:.3s;width:100%}.features-card .single-card:hover{border:5px solid #fff;margin-top:-20px}@media (min-width:768px){.features-card{align-items:center;display:flex;justify-content:space-between}.features-card .single-card{width:25%}}.features-card .odd{background-color:#0d1128;background-color:var(--primary-color)}.features-card .even{background-color:#fd5f00;background-color:var(--tertiary-color)}.exams,.register-course,.update-single-student,.view-course,.view-profile{border-top:2px solid #000;margin-top:60px}.view-profile{align-items:center;background-image:linear-gradient(0deg,#30cfd0 0,#330867);display:flex;justify-content:center;min-height:calc(100vh - 60px);text-align:center}.profile-container{background-color:rgba(253,95,0,.3);margin:20px;padding:20px;width:100%}@media (min-width:768px){.profile-container{width:600px}}.profile-page-title{border-bottom:2px solid #0d1128;border-bottom:2px solid var(--primary-color);margin-bottom:2em;padding:1em 0 0;text-align:center}.profile-photo-wrapper{margin:0 auto 20px;overflow:hidden;width:200px}.profile-photo-wrapper img{width:100%}.field-wrapper{margin-bottom:20px}.profile-label{color:rgba(0,0,0,.3)}.update-profile-btn{background-image:linear-gradient(90deg,#6a11cb 0,#2575fc);border:none;font-size:1rem;height:60px;transition:.6s;width:300px}.update-profile-btn a{color:#fff}.update-profile-btn:hover{background-image:linear-gradient(90deg,rgba(106,17,203,.8),rgba(37,117,252,.8))}@media (max-width:400px){.update-profile-btn{width:100%}}.update-single-student{min-height:calc(100vh - 60px);position:relative}.update-single-student-form-wrapper{left:50%;padding:40px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media (min-width:768px){.update-single-student-form-wrapper{width:600px}}.update-form>div{margin-bottom:1em}.update-form>div>input{height:40px;padding:0 1em;width:100%}.update-student_password-field:hover input{border:none}.update-student_password-field:hover{border:2px solid rgba(255,0,0,.8);border-radius:5px}.update-student_password-field span{cursor:pointer;float:right;position:absolute;right:1.5em;top:.8em;z-index:2}.update-form .update-btn{background:rgba(0,0,0,.2);border:none;cursor:pointer;height:60px;margin-top:30px;width:100%}.register-content-container{margin:2em auto 0;padding:20px;width:97%}@media (min-width:768px){.register-content-container{width:750px}}.reg-headers{align-items:flex-end;-webkit-column-gap:.5em;column-gap:.5em;margin-bottom:1em;text-align:center}.reg-form-container form,.reg-headers{display:flex;justify-content:space-between}.reg-form-container form{flex-direction:column;row-gap:1em}.course-row-number{font-size:1rem;margin-left:-10px;margin-right:10px}.input-field-row-container{align-items:center;-webkit-column-gap:.2em;column-gap:.2em;display:flex;justify-content:space-between;margin-bottom:1.5em;width:100%}.input-field-row-container input{background:transparent;height:35px;text-align:center;transition:.3s;width:33.33333%}.delete-course-row-btn{border:2px solid gray;border-radius:50px;cursor:pointer;display:none;font-size:1.2rem;height:35px;margin-left:.5em;width:35px}.input-field-row-container:hover .delete-course-row-btn{align-items:center;display:inline-block;display:flex;justify-content:center}.reg-form-container .add-new-course-btn{height:40px}.submit-course-btn{height:40px;margin:2em auto 0;width:100%}@media (min-width:576px){.submit-course-btn{width:50%}}.view-course .input-field-row-container input:hover{background-color:#555;color:hsla(0,0%,100%,.9)}.no-match-routes{height:100vh;margin-top:60px;position:relative}.no-match-routes .content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;row-gap:2em;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.no-match-routes .content-container img{width:90%}@media (min-width:270px){.no-match-routes .content-container img{min-width:250px;width:30%}}.no-route-image{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.no-route-image{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.no-match-routes .go-to-home-btn{background:#4a4a4c;border:none;font-size:1.3rem;height:60px;width:300px}@media (max-width:350px){.no-match-routes .content-container .go-to-home-btn{width:80%}}.no-match-routes .go-to-home-btn a{color:#edc330}
/*# sourceMappingURL=main.a24dc9a1.css.map*/