:root{--app-bg:#edeafe;--container-bg:#fff;--text-primary:#2f2e41;--text-secondary:#656478;--card-bg:#fff;--comment-bg:#f9fafb;--input-bg:#fff;--border-color:#e5e7eb}body.dark-mode{--app-bg:#1a1a2e;--container-bg:#16213e;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--card-bg:#1e293b;--comment-bg:#243447;--input-bg:#1e293b;--border-color:#334155}*{font-family:Poppins,sans-serif;margin:0;padding:0}#root{align-items:center;display:flex;justify-content:center;min-height:100vh;min-width:100vw}.app-container{display:flex;max-height:calc(100vh - 3rem);max-width:1440px;width:calc(100% - 3rem)}.container{background-color:#9e8afc;border-radius:0 30px 30px 0;width:100%}.app{background-color:#fff;background-color:var(--container-bg,#fff);border-radius:30px;color:#2f2e41;color:var(--text-primary,#2f2e41);height:calc(100% - 3rem);margin:1.5rem auto auto;overflow:hidden;transition:background-color .3s,color .3s;width:calc(100% - 3rem)}.admin-categories,.admin-teachers,.admin-view,.courses-view,.pay-view{display:flex;flex-direction:column;height:100%;margin:0 auto;overflow:hidden;width:90%}.admin-categories,.admin-teachers,.admin-view,.pay-view{overflow:scroll}.admin-view{position:relative}.course-view{height:100%;overflow:scroll;width:100%}body{background-color:#edeafe}a{text-decoration:none}::-webkit-scrollbar{display:none}.i{margin-right:.5rem}.light{color:#edeafe}.animate__animated.animate__fadeIn{--animate-duration:.3s}.img{width:100%}.flex{display:flex}.space-between{justify-content:space-between}.align-items-center{align-items:center}.no-margin{margin:0!important}.text-info{color:#9e8afc}.user-course-score{align-items:center;display:flex;flex-direction:column;justify-content:center}.img-fluid{height:auto;max-width:500px;width:100%}.empty-list,.view-404{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.link-404{color:#9e8afc;font-size:20px}.link-404:hover{color:#7558fb}.loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{background:#2f2e41;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.chart-container{max-width:400px;width:100%}.btn-mobile{display:none}.app-links{display:flex;justify-content:center;width:100%}.btn-navbar{background-color:transparent;background-color:#2f2e41;border:none;border-radius:50%;color:#edeafe;display:none;font-size:2rem;height:3rem;position:absolute;right:-2rem;top:70%;width:3rem;z-index:1}.mt-2{margin-top:2rem!important}.text-light{color:#edeafe!important}.link-hover:hover{text-decoration:underline}.btn{border:none;border-radius:30px;box-shadow:0 0 5px rgba(0,0,0,.3);cursor:pointer;display:block;font-family:IBM Plex Sans,sans-serif;font-size:17px;font-weight:500;font-weight:600;letter-spacing:1px;outline:none;padding:.5rem 2rem;text-align:center;transition:all .1s ease}.btn,.btn-light{margin-bottom:1rem}.btn-light{background-color:#edeafe;color:#2f2e41}.btn-light:hover{background-color:#dcd7fd}.btn-primary{background-color:#6c63ff;color:#fff}.btn-primary:hover{background-color:#594fff}.btn-large{padding:1rem 0}.btn-info{background-color:#9e8afc;color:#fff}.btn-info:hover{background-color:#8e76fb}.btn-blue{background-color:#575dfb;color:#fff}.btn-blue:hover{background-color:#434afb}.btn-link{background-color:#fff;border:2px solid #6c63ff;box-shadow:none;color:#6c63ff}.btn-link-active,.btn-link:hover{background-color:#6c63ff;color:#fff}.btn-modal{background-color:transparent;box-shadow:none;color:#fff;font-size:2rem;margin:0;padding:0}.btn-secondary{background-color:#edeafe;box-shadow:none;color:#6c63ff;font-size:1rem}.btn-secondary:hover{background-color:#dcd7fd}.btn-danger-outline{align-self:flex-end;background-color:transparent;border:3px solid #e14b5a;color:#e14b5a;margin:0;padding:1rem 2rem}.btn-danger-outline:hover{background-color:#e14b5a;color:#fff}.btn-primary-outline{align-self:flex-end;background-color:transparent;border:3px solid #6c63ff;color:#6c63ff;margin:0;padding:1rem 3rem}.btn-primary-outline:hover{background-color:#6c63ff;color:#fff}.icon{margin-right:.5rem}.success{color:#2ab930}.warning{color:#ffb252}.danger{color:#ff7e7e}.btn-success{background-color:#04ca83;color:#fff}.btn-success:hover{background-color:#04b676}.btn-danger{background-color:#ff7e7e;color:#fff}.btn-danger:hover{background-color:#ff6a6a}.btn-warning{background-color:#ffb252;color:#fff}.btn-warning:hover{background-color:#ffa93e}.btn-upload{background-color:#575dfb;border:2px solid #575dfb;color:#fff}.btn-upload:hover{background-color:#434afb}.course-list{display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;overflow-y:scroll}.card{border-radius:40px;box-shadow:0 0 5px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between;margin:1rem 0;max-height:500px;width:280px}.card-t{max-height:600px}.card-admin{align-items:center;flex-direction:row;max-height:200px!important;min-height:200px;width:90%}.card-admin .card-img{height:100%;width:30%}.card-admin .card-btns{align-self:center;display:flex;flex-direction:column;height:80%;justify-content:space-around;margin:0 3rem 0 0;width:20%}.card-admin .card-btns .btn{margin:0}.card-admin .card-body{width:30%}.card-img{align-items:center;background-color:#04ca83;border-radius:40px;box-shadow:0 0 5px rgba(0,0,0,.5);display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.image{height:auto;object-fit:cover;width:100%}.card-body{padding:1rem 2rem}.category{color:#656478;font-weight:700;letter-spacing:2px;text-align:center;text-transform:uppercase}.category,.course{font-size:18px;margin-bottom:1rem}.course{color:#3b436a;font-weight:800}.teacher{color:#656478;font-size:16px;font-weight:300;margin-bottom:1rem}.status{color:#9e8afc;font-weight:700}.info,.status{font-size:14px}.info{display:flex;justify-content:space-between;margin-right:1rem}.price{color:#6c63ff}.score{color:#a5a6f6}.card-btns{align-self:flex-start;margin:1rem auto 1.5rem;width:80%}.card-btns .btn{width:100%}.card-btns .btn-info{background-color:#edeafe;color:#9e8afc;margin-bottom:1rem;padding:.5rem 0}.card-btns .btn-info:hover{background-color:#dcd7fd}.card-btns .btn-primary{background-color:#9e8afc;color:#fff;margin-bottom:1rem;padding:.5rem 0}.card-btns .btn-primary:hover{background-color:#8e76fb}.a1{background-color:#9e8afc}.a2{background-color:#04ca83}.a3{background-color:#fcc18a}.a4{background-color:#618fd8}.navbar{background-color:#2f2e41;border-radius:30px 0 0 30px;height:calc(100vh - 3rem);min-width:300px}.nav-links,.navbar{display:flex;flex-direction:column}.nav-links{margin:2rem 0 0;width:85%}.link{border-radius:10px;color:#edeafe;font-size:18px;margin:.5rem 0;transition:all .1s ease-in-out}.link :hover .link-text{color:#6c63ff}.nav-link{display:flex;height:100%}.link-bar{background-color:#2f2e41;height:100%;transition:all .1s ease-in-out;width:20px}.btn-notification{background-color:transparent;border:none;cursor:pointer;height:100%;max-height:75px;width:100%}.btn-notification :hover .link-text{color:#6c63ff;text-decoration:none!important}.active{background-color:#7c7cb4}.active .nav-link .link-bar{background-color:#9e8afc}.active .nav-link .link-text{color:#edeafe;text-decoration:none}.link-text{margin:1.5rem 1rem}.link-notifications{background-color:#e14b5a;border-radius:50px;color:#edeafe;padding:0 .5rem}.logout{bottom:60px;color:#ff7e7e;cursor:pointer;font-size:15px;font-weight:500;position:absolute;text-align:center;width:271px}.notifications-container{position:relative}.notifications{background-color:#7c7cb4;border-radius:15px;left:235px;max-height:300px;max-width:350px;overflow-y:scroll;padding:1rem;position:absolute;top:.5rem;width:100%;z-index:1}.notification{background-color:#847dff;border-radius:10px;cursor:pointer;margin-bottom:.5rem;padding:.5rem}.notification-title{color:#edeafe;font-size:15px;font-weight:500;margin-bottom:.5rem}.notification-header{border-bottom:2px solid #edeafe;margin-bottom:.5rem}.notification-text{color:#2f2e41;font-size:13px;font-weight:600}.notification-icon{font-size:40px}.notification-body{align-items:center;display:flex}.read{background-color:#9c96ff}.notification-success{color:#147914}.notification-danger{color:#b62929}.notification-warning{color:#ffb252}.notification-info{color:#9e8afc}.logo{font-size:48px;font-weight:600;margin:2rem auto}.logo .t1{color:#9e8afc}.logo .t2{color:#2f2e41}.dark .t2{color:#6c63ff}.course-links{align-items:center;background-color:#edeafe;border-radius:30px;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;padding:1.5rem 0;width:100%}.app-link{background-color:transparent;border:none;border-bottom:5px solid transparent;color:#656478;cursor:pointer;font-size:14px;font-weight:700;margin:0 2rem;outline:none;padding:.5rem 1rem}.app-active,.app-link:hover{color:#6c63ff}.app-active{border-bottom:5px solid #6c63ff}.form-div{display:flex;flex-wrap:wrap;justify-content:space-between;margin:2rem 0}.form-div .btn{margin:0}.search{align-items:center;align-self:flex-end;display:flex;justify-content:flex-end;max-width:500px;width:100%}.btn-search{background-color:#a5a6f6;box-shadow:1px 1px 3px rgba(0,0,0,.3);color:#fff;margin:0}.btn-search:hover{background-color:#9e8afc}.input-search{background-color:#3b436a;border:none;border-radius:30px;box-shadow:1px 1px 3px rgba(0,0,0,.3);color:#fff;font-size:17px;font-weight:400;margin-right:1rem;max-width:300px;outline:none;padding:.5rem 1rem;text-align:center;width:100%}@media screen and (max-width:769px){.form-div .btn{width:100%}.form-div .search{margin-top:1rem;max-width:100%}.form-div .search .btn{width:100%}}.course-image{border-radius:30px;box-shadow:0 1px 15px rgba(0,0,0,.4);display:flex;max-height:400px;min-height:150px;width:100%}.course-container{margin:3rem auto 0;max-width:800px;position:relative;width:90%}.course-titles{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.course-title{color:#3b436a;font-size:36px;font-weight:900;text-transform:capitalize}.course-category{color:#656478;font-size:18px;font-weight:900;letter-spacing:4px}.course-score{color:#9e8afc;font-size:14px;font-weight:700;margin-bottom:1rem}.course-teacher{color:#656478;font-size:18px;font-weight:300}.course-details{margin-bottom:3rem}.course-desc{margin-bottom:2rem}.text-body,.text-title{color:#656478;font-size:16px;font-weight:700}.text-title{margin-bottom:2rem}.text-body{font-weight:300}.course-units{display:flex;flex-wrap:wrap;justify-content:space-between}.course-btns{align-items:flex-end;display:flex;flex-direction:column;max-width:300px;width:100%}.course-btns .btn{width:290px}.app-link-group{position:relative}.div-categories{background-color:#edeafe;border-radius:0 0 30px 30px;box-shadow:1px 10px 10px rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:center;opacity:0;padding-bottom:1rem;position:absolute;width:100%;z-index:1}.div-categories-active{opacity:1!important}.btn-categories{border-bottom:transparent}.icon-link{margin-left:.5rem}.btn-category{background-color:transparent;color:#656478;cursor:pointer}.accordion{border-radius:30px;cursor:pointer;margin-bottom:1.5rem;max-width:530px;min-height:50px;min-width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.accordion-head{align-items:center;background-color:#edeafe;border-radius:30px;display:flex;height:50px;justify-content:space-between;padding:.5rem 1rem}.accordion-title{color:#6c63ff;font-size:16px;font-weight:700;padding:0 1rem;text-transform:capitalize}.accordion-btn{align-items:center;background-color:#6c63ff;border-radius:50%;display:flex;height:32px;justify-content:center;margin-left:2rem;width:32px}.accordion-icon{color:#fff;font-size:15px}.accordion-body{height:0;overflow:hidden}.lesson{color:#edeafe;font-size:16px;font-weight:700;list-style:none;text-transform:capitalize}.accordion-active{background-color:#6c63ff}.accordion-active .accordion-body{height:auto;padding:1rem 2rem}.accordion-active .accordion{height:auto}.pay-view{display:block;margin-top:1rem}.form-pay{display:flex;flex-direction:column;width:100%}.pay-container{margin-top:2rem}.form-group,.pay-container{display:flex;flex-wrap:wrap}.form-group{justify-content:space-between;margin-bottom:.5rem}.form-group button{margin:0;padding:1rem 2rem}.g-f{flex-wrap:wrap-reverse;margin-bottom:2rem}@media screen and (max-width:493px){.div-pay .btn,.form-group .btn,.form-group .check-div,.form-group .input-pay{width:100%}}.check-div{align-items:center;display:flex;justify-content:space-around}.check-div *{font-size:1rem;margin:1rem}.input-pay{border:2px solid #6c63ff;border-radius:10px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;margin:.5rem 0;outline:none;padding:1rem}.check-pay{-webkit-transform:scale(1.5);transform:scale(1.5)}.pay-resume{background-color:#edeafe;box-shadow:0 0 15px rgba(0,0,0,.3);margin:0 1rem;max-width:300px;padding:2rem 3rem;width:100%}.title-pay{font-size:36px;margin-bottom:2rem;text-transform:uppercase}.pay-view-title,.title-pay{color:#3b436a;font-weight:700}.pay-view-title{align-self:flex-start;font-size:48px;margin-bottom:5rem}table{width:100%}.table{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.d-flex{display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.pay-image{margin-top:2rem;width:80%}.div-pay{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:450px;text-align:center;width:100%}.div-pay .btn-info{align-self:flex-end;padding:1rem 3rem}.student-course-info{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-between;min-height:200px;width:100%}.student-course-names{margin-left:3rem;padding:2rem 0;width:300px}.student-course-buttons{display:flex;flex-direction:column;justify-content:center;margin-right:3rem;width:230px}.student-course-buttons .btn{margin:0;width:100%}.student-course-title{color:#3b436a;font-size:36px;text-transform:capitalize}.student-course-teacher{color:#656478;font-size:18px;letter-spacing:1px;margin-bottom:1rem}.student-course-category{color:#6c63ff;font-size:15px}.student-course-units{margin-bottom:3rem}.student-course-unit{color:#656478;font-size:24px;margin-bottom:1rem;text-transform:uppercase}.div-lesson{background-color:#edeafe;border:2px solid transparent;border-radius:16px;flex-direction:column;height:auto;margin-bottom:.75rem;padding:1rem 2rem;transition:border-color .2s,background-color .2s}.div-lesson.lesson-locked{background-color:#dcd7fd;border-color:#d1d5db}.div-lesson.lesson-completed{background-color:#e1e7f2;border-color:#2ab930}.lesson-header{-webkit-user-select:none;-ms-user-select:none;user-select:none}.lesson-title{color:#3b436a;font-size:20px;font-weight:300;margin-bottom:2rem}.lesson-description{color:#656478;font-size:14px;font-weight:400;text-transform:capitalize}.lesson-text{max-width:500px}.lesson-links .btn{margin-bottom:0}.text-primary{color:#575dfb}.mb{margin-bottom:1rem!important}.modal-container{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background-color:#2f2e41;border:4px solid #6c63ff;border-radius:30px;height:auto;margin-left:300px;max-height:750px;max-width:600px;width:90%}.modal-header{align-items:center;border-bottom:3px solid #6c63ff;display:flex;justify-content:space-between;padding:2rem}.modal-title{color:#6c63ff;font-size:25px;font-weight:500}.modal-content{max-height:560px;overflow:scroll;padding:2rem}.text-contact{color:#9e8afc;font-size:20px;font-weight:500;margin-bottom:2rem;text-align:center}.text-contact-title{color:#edeafe;font-size:25px}.delete-container,.password-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:1rem}.delete-user{color:#e14b5a;font-size:17px;font-weight:400;margin-bottom:2rem}.delete-user-text{color:#fff;font-size:15px;font-weight:300;margin-bottom:2rem}.label-password{color:#edeafe;font-size:16px;font-weight:300;margin-bottom:1rem}.password-div{align-items:center;border:2px solid #6c63ff;border-radius:16px;display:flex;margin-bottom:2rem;width:100%}.password-input{background-color:transparent;border:none;color:#fff;font-size:16px;outline:none;padding:1rem;width:100%}.icon-password{color:#6c63ff;font-size:1.5rem;margin:0 1.5rem}.profile-container{margin:auto;max-width:800px;overflow:scroll;width:90%}.user-top{align-items:center;display:flex;margin-top:60px;width:100%}.user-top-container{background-color:#c7cdf1;border-radius:30px;margin-bottom:5rem;padding:1rem 0;position:relative;width:100%}.user-image-container{bottom:-2.5rem;left:0;position:absolute}.user-image{border-radius:50%;height:150px;width:150px}.user-edit-image{background-color:#a5a6f6;border:none;border-radius:50%;bottom:1rem;color:#3b436a;cursor:pointer;font-size:1rem;height:35px;outline:none;position:absolute;right:0;-webkit-transform:.1s ease-in-out;transform:.1s ease-in-out;width:35px}.user-edit-image:hover{background-color:#3b436a;color:#fff}.user-names{background-color:#fff;border-radius:30px;color:#000;font-family:IBM Plex Sans,sans-serif;font-size:21px;font-weight:600;margin:0 auto;max-width:400px;padding:.5rem 0;text-align:center;width:90%}.user-form{background-color:#edeafe;border-radius:30px;padding:2rem 3rem}.user-form-title{color:#9e8afc;font-size:15px;margin-bottom:.5rem}.input-button{align-items:center;background-color:#d8d1fe;border-radius:30px;display:flex;justify-content:space-between;overflow:hidden;width:100%}.enabled{background-color:#a5a6f6}.user-form-input{background-color:transparent;color:#2f2e41;width:60%}.user-form-button,.user-form-input{border:none;border-radius:30px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:700;outline:none;padding:1rem 1.5rem}.user-form-button{background-color:#fff;color:#6c63ff;cursor:pointer;transition:.1s ease-in-out}.user-form-button:hover{background-color:#6c63ff;color:#fff}.user-form-group{margin-bottom:1rem}.profile-btns,.user-form-group{align-items:center;display:flex;justify-content:center}.profile-btns{flex-wrap:wrap;margin-top:2rem;width:100%}.profile-btns .btn{margin:1rem;padding:1rem 2rem}.auth-container{align-self:flex-start;display:flex;flex-wrap:wrap-reverse;justify-content:space-between;max-height:100%;max-width:100%;min-height:100vh;min-width:100vw}.auth-image-container{height:100%}.auth-form-container,.auth-image-container{display:flex;flex-direction:column;width:50%}.auth-form-container{align-items:center;background-color:#3f3d56;justify-content:center}.auth-help-container{display:flex;margin-top:3rem}.auth-help,.auth-help-link{color:#edeafe;font-size:16px;margin:0 1rem}.auth-help-link{color:#575dfb;text-decoration:underline}.auth-image{align-self:center;height:750px;margin-bottom:3rem;max-height:100%;max-width:100%}.right{left:calc(100% - 210px - 2rem)!important}.auth-logo{left:2rem;position:absolute;top:1rem}.auth-form-content{display:flex;flex-direction:column;max-width:90%;width:400px}.auth-title{color:#9e8afc;font-size:48px;font-weight:700;margin-bottom:2rem;text-align:center}.auth-label{font-size:16px;margin-bottom:.3rem}.auth-input,.auth-label{color:#edeafe;font-weight:300}.auth-input{background-color:transparent;border:none;font-size:15px;outline:none;padding:.8rem 2rem .8rem 0;width:100%}.auth-input:-webkit-autofill{-webkit-text-fill-color:#edeafe;box-shadow:inset 0 0 0 1000px #3f3d56!important;color:#edeafe}.auth-input-div{align-items:center;background-color:transparent;border:3px solid #6c63ff;border-radius:16px;display:flex;margin-bottom:1rem;overflow:hidden}.auth-icon{color:#6c63ff;font-size:15px;margin:0 2rem}.auth-btn{background-color:#575dfb;border-radius:16px;color:#fff;margin-top:1rem;padding:1rem 2rem}.auth-btn:hover{background-color:#484ffb}.auth-help-link:hover{color:#666bfb}.card-teacher{background-color:#edeafe;border:4px solid #6c63ff;border-radius:30px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:2rem auto;max-width:780px;padding:2rem;position:relative;width:calc(100% - 6rem)}.card-teacher-buttons{align-items:center;justify-content:center;max-width:340px}.card-teacher-buttons,.card-teacher-info{display:flex;flex-direction:column;width:100%}.card-teacher-info{align-items:flex-start;max-width:250px}.teacher-div-img{border-radius:50%;height:140px;margin-bottom:1rem;overflow:hidden;width:140px}.teacher-img{height:100%;width:100%}.teacher-btns{display:flex;flex-wrap:wrap}.teacher-btns .btn{margin:0 .5rem}.text-dark{color:#6c63ff;font-size:.8rem;font-weight:700;letter-spacing:2px}.teacher-info{color:#656478;font-size:1rem;font-weight:500;margin-bottom:1rem}.teacher-status{background-color:#3b436a;border-radius:30px;font-size:.8rem;font-weight:800;margin-top:1rem;padding:.3rem .8rem;position:absolute;right:2rem;top:1rem}.teacher-link{background-color:#9e8afc;border-radius:30px;color:#edeafe;padding:.3rem 1rem;text-decoration:none}.teacher-link:hover{background-color:#8e76fb}.admin-title{color:#2f2e41;font-size:1.5rem}.teacher-profile{align-items:center;background-color:#edeafe;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;flex-direction:column;margin:2rem auto;min-width:350px;padding:2rem;text-align:center}.profile-teacher-name{color:#6c63ff;margin:1rem 0}.profile-teacher-info{color:#656478;margin-bottom:1rem}.profile-teacher-status{background-color:#3b436a;border-radius:30px;font-weight:800;margin-top:1rem;padding:.5rem 1.5rem;text-align:center}.s0{color:#ffb252}.s1{color:#2ab930}.s-1{color:#ff7e7e}.btn-back{background-color:#6c63ff;bottom:1rem;color:#edeafe;padding:1rem 2.5rem;position:absolute;right:0}.btn-back:hover{background-color:#7f77ff}.teacher-docs{align-self:center;max-width:500px;width:90%}.teacher-doc{background-color:#9e8afc!important;color:#edeafe!important}.teacher-doc-link{color:#2f2e41!important;font-weight:700}.teacher-doc-link:hover{text-decoration:underline}.teacher-docs-title{color:#6c63ff;margin-bottom:1rem}.head-categories{justify-content:space-between;margin-bottom:2rem;margin-top:3rem}.category-form,.head-categories{display:flex;flex-wrap:wrap;width:100%}.category-form{align-items:center;align-self:flex-end}.category-form .btn{margin:1rem 0 0 1rem}.category-list{margin-top:3rem}.category-input{background-color:#edeafe;border:none;border-radius:30px;color:#2f2e41;font-size:1rem;margin-top:1rem;max-width:300px;outline:none;padding:.5rem 2rem;width:100%}.category-btns,.category-info,.category-list-item{align-items:center;display:flex;justify-content:space-between}.category-list-item{background-color:#9e8afc;border-radius:30px;display:flex;flex-wrap:wrap;margin:0 auto 2rem;max-width:600px;padding:1rem 2rem;width:calc(100% - 4rem)}.category-btns .btn{margin:0 0 0 1rem}.category-text{color:#edeafe;font-size:1rem;margin-right:1rem}@media screen and (max-width:569px){.category-form .btn{margin:1rem 0 0;width:100%}.category-form .category-input{margin-top:1rem;max-width:100%}.head-categories{justify-content:center}}@media screen and (max-width:526px){.category-btns{width:100%}.category-btns .btn{margin-left:0;margin-top:1rem}}.new-course-form{background-color:#edeafe;border:3px solid #6c63ff;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:2rem auto;max-width:600px;padding:2rem;width:calc(100% - 4rem - 6px)}.new-course-form .btn{align-self:flex-end}.course-form{display:flex;flex-direction:column}.course-form .btn{align-self:flex-end}.course-form-group{display:flex;flex-direction:column;max-width:100%;overflow:hidden}.course-form-group label{color:#2f2e41;margin-bottom:.5rem}.dark{margin-bottom:1rem}.dark input,.dark label,.dark textarea{color:#edeafe}.group-flex{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;width:100%}.group-flex .course-form-group{max-width:280px;width:100%}.form-control{background-color:transparent;border:2px solid #6c63ff;border-radius:15px;color:#2f2e41;margin-bottom:1rem;outline:none;padding:.5rem 1rem}.form-units{margin:0 auto;max-width:800px;width:100%}.form-title{color:#6c63ff;font-size:2rem;margin-bottom:2rem}.form-unit{border:3px solid #6c63ff;margin-bottom:2rem;padding:2rem}.form-unit,.units-head{background-color:#edeafe;border-radius:15px}.units-head{border:3px solid #6c63ff;display:flex;justify-content:space-between;margin:0 auto 1rem;max-width:600px;padding:1rem;width:100%}.units-head .btn{margin:0}.units{color:#6c63ff;font-size:2rem;margin:2rem 0;text-align:center}.unit-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.unit-info{max-width:500px;width:100%}.lesson-info{word-wrap:break-word;max-width:530px;width:100%}.units-body{margin:0 auto;width:100%}.course-lesson-div{align-items:center;background-color:#d4cdfd;border-radius:15px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0;padding:1rem}.lesson-btns,.unit-btns{display:flex}.lesson-btns .btn,.unit-btns .btn{border-radius:50%;height:40px;margin:0 .5rem;padding:0;width:40px}.unit-lessons{margin:0 auto;width:calc(100% - 3rem)}.unit-title{color:#3b436a;font-size:1.5rem;margin-bottom:1rem}.unit-desc{color:#656478;font-size:1rem;font-weight:400}.course-lesson-title{color:#3f3d56;font-size:1rem;margin-bottom:1rem}.course-lesson-desc{color:#656478;font-size:1rem;font-weight:400;margin-bottom:1rem}.course-lesson-link{color:#575dfb;font-size:.9rem;font-weight:400;text-decoration:none}.text-dark{color:#2f2e41;font-size:.9rem;font-weight:500;letter-spacing:0}.new-course-btns{display:flex;flex-wrap:wrap;justify-content:center;left:0;top:5rem;width:100%}.new-course-btns .btn{margin:1rem .5rem}@media screen and (max-width:879px){.lesson-btns{margin-top:1rem}.lesson-info{max-width:100%}.unit-lessons{width:100%}.form-unit{padding:1rem}}@media screen and (max-width:714px){.group-flex .course-form-group{max-width:100%}}@media screen and (max-width:819px){.unit-btns{margin-top:1rem}}@media screen and (max-width:600px){.admin-view{width:100%}}@media screen and (max-width:572px){.new-course-btns .btn{margin:1rem 0 0;width:100%}}#input-file{display:none}.finish-register{margin:auto;max-width:1440px;width:90%}.finish-register .auth-title{margin-bottom:3rem}.input-file-label{align-items:center;background-color:#d8d0fe;border:4px dashed #9e8afc;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;padding:1rem;text-align:center;width:calc(100% - 2rem - 8px)}.files-upload{display:flex;flex-direction:column}.files-container,.files-upload{margin:2rem auto;max-width:600px;width:100%}.file-upload-text{color:#2f2e41;font-size:1.2rem;font-weight:500}.file-upload-info{color:#656478;font-size:1rem;font-weight:500}.file-upload-icon-div{align-items:center;background-color:#bbadfd;border-radius:50%;display:flex;height:65px;justify-content:center;margin-bottom:1rem;width:65px}.file-upload-icon{color:#6c63ff;font-size:2.5rem}.file-container{background-color:#fff;border-radius:30px;box-shadow:0 0 5px rgba(0,0,0,.3);margin-bottom:1rem;padding:1rem 2rem}.file-name{color:#6c63ff;font-size:1.2rem;font-weight:500;margin-bottom:1rem}.file-size{color:#656478;font-size:.8rem;font-weight:500}.file-X{color:#ff7e7e;cursor:pointer;font-size:2.5rem;font-weight:500}.section{align-self:flex-start;width:100%}.footer{background-color:#2f2e41;flex-wrap:wrap;height:100%;justify-content:space-evenly;margin:0;min-height:100px}.footer,.header{align-items:center;display:flex}.header{height:100px;justify-content:space-between;margin:0 auto;max-width:1440px;width:95%}.header-logo{font-size:2.5rem;font-weight:600}.t1{color:#9e8afc}.t2{color:#2f2e41}.t3{color:#6c63ff}.t4{color:#edeafe}.header-links{align-items:center;display:flex;justify-content:space-between;margin-left:1rem;max-width:650px;width:100%}.header-link{color:#aeb1bf;font-size:1rem;font-weight:500;transition:.1s ease-in-out}.header-link-active,.header-link:hover{color:#2f2e41}.header-auth{background-color:#edeafe;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#9e8afc;padding:.5rem 2rem}.header-auth:hover{background-color:#e9e5fe;color:#9e8afc}.header-auth-focus{background-color:#a5a6f6;color:#fff}.header-auth-focus:hover{background-color:#8e8ff4;color:#fff}.home-view{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;margin:2rem;min-height:calc(100vh - 200px - 4rem)}.title-h1{font-size:3.5rem;font-weight:600}.home-view-content{max-width:500px;width:90%}.home-text{font-size:1.2rem;margin-top:2rem;max-width:500px}.text-blue-dark{color:#3b436a}.text-gray{color:#aeb1bf}.btn-home{background-color:#a5a6f6;color:#edeafe;margin-top:3rem;max-width:200px}.btn-home:hover{background-color:#8e8ff4}.img-home{height:auto;margin:0 2rem 2rem;max-width:547px;width:100%}.about-title{margin:1rem auto;text-align:center;width:90%}.about-h1{font-family:Oswald,sans-serif;font-size:14px;font-weight:500}.about-h2{font-size:40px;font-weight:700;margin-bottom:2rem}.about-h3{color:#2f2e41;font-size:32px;font-weight:500;margin-bottom:4rem;text-align:center}.about-img{margin:1rem;max-width:500px;width:90%}.text-primary{color:#6c63ff}.text-blue{color:#575dfb}.about-text{font-weight:400}.about-text,.about-text-strong{font-family:Source Sans Pro,sans-serif;font-size:15px}.about-text-strong{font-weight:700}.about-view{margin:0 auto;max-width:1440px;min-height:calc(100vh - 200px);width:100%}.about-p{font-size:14px;font-weight:400}.about-section-content{margin:1rem;max-width:533px}.about-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 5rem;width:90%}.mb-1{margin-bottom:1rem}.services-view{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1440px;min-height:calc(100vh - 200px);width:100%}.services-view-content{margin:1rem;max-width:445px}.services-h2{color:#2f2e41;font-size:32px;font-weight:700;margin-bottom:4rem}.services-text{font-size:14px;font-weight:400}.services-list{margin-top:2rem}.services-item{align-items:center;color:#2f2e41;display:flex;font-size:14px;margin-bottom:1rem}.icon-item{color:#6c63ff;font-size:2.5rem;margin-right:1rem}.services-cards{display:flex;flex-wrap:wrap;justify-content:center;max-width:700px}.serivces-card{border-radius:10px;box-shadow:0 0 30px rgba(0,0,0,.2);height:260px;margin:1rem;width:220px}.service-card-icon{font-size:50px;padding:2rem 2rem 1rem}.service-card-title{font-size:20px;font-weight:500;padding:1rem 2rem}.service-card-text{color:#656478;font-size:12px;font-weight:400;padding:0 2rem}.service-card-button{background-color:transparent;border:none;color:#6c63ff;cursor:pointer;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;margin:1rem 2rem}.service-card-button:hover{text-decoration:underline}.icon-blue{color:#1e85ff}.icon-green{color:#8ed16f}.icon-red{color:#e14b5a}.icon-orange{color:#ffaa5b}.modal-light{background-color:#edeafe;border:3px solid #6c63ff;border-radius:15px;margin:0;max-width:520px}.modal-light .modal-header{border:none}.modal-light .modal-header .modal-title{font-family:Oswald,sans-serif;font-size:25px;text-transform:uppercase}.modal-light .modal-header .btn-modal{color:#3b436a}.nav-button{background-color:transparent;border:none;color:var(--light);display:none;font-size:2rem;margin:0;padding:0}@media screen and (max-width:800px){.header-links-active{opacity:1!important;visibility:visible!important}.header-links{align-items:center;background-color:#edeafe;border-top:2px solid #6c63ff;flex-direction:column;left:0;margin:0;opacity:0;padding:2rem 0;position:absolute;top:100px;transition:.2s ease-in-out;visibility:hidden;width:100%;z-index:1}.header-links .header-link{margin:1rem 0}.home-view{margin:0;width:100%}.home-view-content{text-align:center}.btn-home{margin:1rem auto 2rem}.img-home{margin:2rem 0;width:80%}.title-h1{font-size:2.5rem}.home-text{font-size:1rem}.nav-button{display:block}.about-h2{line-height:35px;margin-top:1rem}.services-h2{margin-bottom:2rem}.services-h2,.services-text{text-align:center}.services-item{justify-content:center}}@media screen and (max-width:700px){.header{margin:0 auto;width:90%}.footer a{margin:2rem 0;text-align:center;width:100%}}.card-cert{background-color:#2f2e41;border:5px solid #6c63ff;border-radius:30px;display:flex;flex-direction:column;justify-content:space-evenly;margin:1rem;max-height:calc(450px - 2rem);max-width:calc(290px - 4rem);padding:1rem 2rem;text-align:center}.card-cert-title{color:#6c63ff}.card-cert-name{color:#edeafe;font-size:1.3rem}.card-cert-teacher{font-size:1rem;font-weight:300}.card-cert-category{color:#a5a6f6;font-weight:700;text-transform:uppercase}.card-cert-btns{display:flex;flex-direction:column}.card-cert-btns .btn{margin:0}.card-cert-btns .btn-info{margin-bottom:1rem}@media screen and (max-width:1225px){.navbar{height:100%}.container{color:#a5a6f6}.app-container{height:100vh;max-height:100%!important;width:100%}}@media screen and (max-width:1176px){.app,.navbar{border-radius:0}.app{height:100%;margin:0;width:100%}.course-image{border-radius:0}}@media screen and (max-width:1127px){.navbar{min-width:252px}.modal{margin-left:252px}}@media screen and (max-width:1079px){.navbar{left:-300px;position:absolute;transition:.2s ease-in-out;width:300px;z-index:1}.navbar-active{left:0}.modal{margin:0}.btn-navbar{display:block}}@media screen and (max-width:839px){.div-lesson{justify-content:center}.lesson-text{max-width:100%;width:100%}.lesson-links{display:flex;flex-direction:row;margin:1rem 0}.lesson-links .btn{margin:0 1rem!important}.app-link{margin:0}.card-admin{align-items:flex-start;flex-direction:column;height:500px;min-height:500px;width:280px}.card-admin .card-img{height:180px;width:100%}.card-admin .card-btns{align-self:flex-start;display:block;height:auto;margin:1rem auto;width:80%}.card-admin .card-btns .btn{margin:0}.card-admin .card-body{padding:1rem 2rem;width:calc(100% - 4rem)}}@media screen and (max-width:820px){.auth-title{font-size:2rem}.auth-image-container{display:none}.auth-form-container{width:100%}}@media screen and (max-width:765px){.course-units,.course-units .course-div-units{width:100%}.course-units .course-btns{flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:1rem;max-width:100%}.course-units .course-btns .btn{max-width:300px;width:100%}.card-teacher-buttons,.card-teacher-info{align-items:center;max-width:100%;text-align:center}.teacher-link{margin-bottom:2rem}}@media screen and (max-width:680px){.navbar-active{left:0}.navbar-active .btn-navbar{left:270px}.app-links{flex-direction:column;height:0;opacity:0;overflow:hidden;transition:.2s ease-in-out;visibility:hidden;width:50%}.course-links{display:flex;padding:1rem 0}.app-links-active{height:auto;opacity:1;overflow:visible;visibility:visible}.course-units .course-btns .btn{max-width:100%}.app-link,.app-link-group,.app-link-group .app-link{width:100%}.div-categories{left:calc(50% - 100px);max-width:200px;width:100%}.div-categories .app-link{margin:0 auto;width:90%}.btn-mobile{display:flex;justify-content:space-between;width:90%}}@media screen and (max-width:641px){.student-course-info{justify-content:center;padding:3rem 0}.student-course-info .student-course-names{margin:0;padding:0;width:80%}.student-course-info .student-course-buttons{margin:2rem 0 0;width:80%}.notifications{border-radius:0;left:0;top:83px;z-index:99}}@media screen and (max-width:580px){.search{flex-wrap:wrap;margin:1rem 0}.search .input-search{margin:0 0 1rem;max-width:100%}.search .btn-search{max-width:100%}.profile-btns{margin:1rem 0}.profile-btns .btn{margin:.5rem 0 0;width:100%}.user-image-container{background-color:#c7cdf1;border-radius:50%;bottom:85px;left:calc(50% - 75px - 2rem);padding:1rem}.user-top-container{margin-bottom:2rem;margin-top:calc(100px + 3rem)}}@media screen and (max-width:535px){.lesson-links{flex-direction:column;width:100%}.lesson-links .btn{margin:0!important}.lesson-links .mb{margin-bottom:1rem!important}}@media screen and (max-width:483px){.teacher-btns{width:100%}.teacher-btns .btn{margin-top:1rem;width:100%}}