.btn{background-color:var(--btn-color);border:1px solid var(--btn-color);border-radius:.3rem;color:var(--secondary-text-color);padding:.5rem 1rem;text-decoration:none}.btn:hover{background-color:var(--btn-hover-dark-color)}.btn-outline{background-color:var(--secondary-bg-color);border:1px solid var(--btn-color);border-radius:.3rem;color:var(--btn-color);padding:.5rem 1rem;text-decoration:none}.btn-outline:hover{background-color:var(--btn-hover-light-color);border-color:var(--btn-hover-light-color)}.menu-item{background-color:var(--main-bg-color);border:1px solid transparent;border-radius:.3rem;color:var(--main-text-color);padding:.5rem 1rem;text-decoration:none}.menu-item:hover{background-color:var(--btn-hover-light-color);color:var(--btn-color)}.alert-danger{border:1px solid var(--danger-color);border-radius:.3rem;color:var(--danger-color);font-family:Nunito Regular;margin:1rem 0;padding:.5rem 1rem;width:100%;& i{color:var(--danger-color)}}.alert-success{border:1px solid var(--success-color);border-radius:.3rem;color:var(--success-color);font-family:Nunito Regular;margin:1rem 0;padding:.5rem 1rem;width:100%;& i{color:var(--success-color)}}.alert-info{border:1px solid var(--info-color);border-radius:.3rem;color:var(--info-color);font-family:Nunito Regular;padding:.5rem 1rem;width:100%;& i{color:var(--info-color)}}.form-control{border:1px solid var(--input-border-color);border-radius:.2rem;height:60px;padding:10px 15px;width:100%}.form-control:focus{outline:1px solid var(--btn-color)}.form-control:hover{background-color:var(--input-hover-color)}.form-control::placeholder{color:var(--tertiary-text-color)}.form-link{align-items:center;background-color:rgba(0,0,0,.05);border-radius:.2rem;display:flex;height:50px;justify-content:center;margin-top:2rem;width:60%;& a{color:var(--btn-color)}}.active{background-color:var(--btn-hover-dark-color);color:var(--secondary-text-color)!important}.form-error{list-style:none;& li{color:var(--danger-color);font-size:.8rem;& i{color:var(--danger-color);margin-right:.5rem}}}.is-invalid{border:1px solid var(--danger-color)}.mc,.mv,.nv{align-self:self-start;border-radius:.2rem;font-family:Nunito Regular;font-size:.8rem;opacity:.8;padding:.2rem .5rem;width:fit-content}.mv{background-color:var(--blue-sky);color:var(--btn-hover-dark-color)}.nv{background-color:var(--soft-green);color:var(--green)}.mc{background-color:var(--vibrant-gold);color:var(--orange)}.breadcrumb{margin-top:2rem;width:80%}.breadcrumb a,span{font-family:Nunito Regular}.breadcrumb a,.breadcrumb i,span{color:var(--btn-hover-dark-color)}.home{background-color:var(--main-bg-color);flex-direction:column;flex-grow:1;margin-top:100px}.banner,.home{align-items:center;display:flex}.banner{background-image:url(/build/images/banner_1280.da94a6fd.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:40vh;justify-content:center;position:relative;width:80%}.banner-title{background-color:hsla(0,0%,100%,.8);border-radius:.5rem;padding:2rem;position:absolute;right:3%;top:10%;& h1{color:var(--btn-hover-dark-color);font-size:2rem}}.about{align-items:start;background-color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem 0;width:80%;& h2{color:var(--btn-hover-dark-color)}}.themes-highlight{background-color:#f6f7f9;display:flex;justify-content:center;width:100%;& div{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;margin-top:1rem;padding:20px 0;width:80%}}.themes-highlight__card{align-items:center;background:#f6f7f9;background-color:var(--input-border-color);border:1px solid var(--input-border-color);border-radius:50px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;font-family:Nunito Regular;justify-content:space-between;min-width:250px;padding:.5rem .5rem .5rem 2rem;text-decoration:none;width:calc(25% - 20px);& img{border-radius:50%;height:48px;width:48px}}.themes-highlight__card:hover{background-color:var(--h2-color);color:var(--secondary-text-color)}.courses-highlight,.lessons-highlight{align-items:center;background-color:#f6f7f9;display:flex;flex-direction:column;flex-grow:1;padding:2rem 0;width:100%}.courses-highlight__title,.lessons-highlight__title{align-items:start;display:flex;flex-direction:column;gap:1rem;width:80%;& h3{color:var(--btn-hover-dark-color)}& article{color:var(--tertiary-text-color);font-family:Nunito Regular;text-align:justify}}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px 0;width:80%}.card{background:#fff;border:1px solid var(--input-border-color);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:fit-content;min-width:250px;width:calc(25% - 20px)}.card-image{height:80%;& img{border-top-left-radius:10px;border-top-right-radius:10px;height:100%;width:100%}}.card-content{align-items:center;display:flex;flex-direction:column;gap:.8rem;height:20%;padding:.5rem;& h4,p{align-items:center;color:var(--main-text-color);display:flex;font-family:Nunito Regular;font-weight:700;justify-content:start;text-align:left;width:100%}& button{align-items:center;background-color:var(--btn-color);border:1px solid var(--btn-color);color:var(--secondary-text-color);display:flex;gap:.5rem;justify-content:center;padding:.5rem}& a,& button{border-radius:.3rem;cursor:pointer;font-family:Nunito Regular;font-size:.8rem;transition:all .2s ease-in-out;width:100%}& a{padding:.3rem;text-align:center;text-decoration:none}& i{color:inherit}& button:hover{background-color:var(--btn-hover-dark-color)}}.messages{width:80%}.lessons-highlight{background-color:var(--main-bg-color)}@media (min-width:768px) and (max-width:1024px){.banner{background-image:url(/build/images/banner_1280.da94a6fd.jpg);height:30vh;width:100%}.banner-title{padding:1rem;& h1{font-size:1.5rem}}.themes-highlight{width:100%;& div{width:100%}}.about{width:90%}.courses-highlight,.lessons-highlight{padding:.5rem 0}.courses-highlight__title,.lessons-highlight__title{padding:1rem 0;width:90%}.cards{width:90%}.card:last-child{display:none}}@media (min-width:0px) and (max-width:768px){.banner{background-image:url(/build/images/banner_640.063078c4.jpg);height:20vh;width:100%}.banner-title{padding:.5rem;& h1{font-size:1rem}}}