:root{--translate-top:-5rem}.main__svg-wrapper{z-index:1;position:absolute;top:0;right:0;left:0;height:auto}.main__hex-wrapper{position:absolute;width:130px;top:75px;right:0;height:auto}#bottom1,#bottom2,#top,.main__image{transition:all .3s ease}.main__image__wrapper img{max-width:100%;height:auto}.courses .main__image__wrapper img{opacity:.8}.main__title{font-size:6rem}.main__text-wrapper{height:100%}.main__title__first{position:relative}.main__title__first.writing::after{content:"";height:6rem;position:absolute;top:2rem;left:0;border:3px solid var(--color-text-secondary)}.main__content{color:var(--color-text-secondary);font-weight:var(--font-w-medium);font-size:var(--font-size-h1)}.main__content span:nth-child(1) {color:var(--color-red-dark-1)}.main__content span:nth-child(2) {color:var(--color-blue-dark-1)}.main__classes__title{position:relative}.main__classes__title__text{width:150px;position:absolute;left:50%;margin-left:-75px;top:-15px;background-color:var(--color-primary-container);box-shadow:0 0 40px var(--color-primary-container)}.main__classes__title hr{height:2px;background-color:var(--color-purple-dark-1)}.darkmode .main__classes__title hr{height:1px;background-color:var(--color-purple-dark-1)}.main__classes__buttons{z-index:10}.main__classes__wrapper a{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin:0 5px}.main__classes__outer__circle{position:absolute;top:0;width:50px;height:50px;border-radius:100%;border:1px dashed var(--color-text-primary);animation-name:spin;animation-duration:20000ms;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:reverse}.main__classes__wrapper a:hover .main__classes__outer__circle{animation-duration:2000ms}.main__classes__circle{font-weight:var(--font-w-medium);position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden}.main__classes__circle__icon{position:absolute;font-size:var(--font-size-h1);opacity:.18}.main__classes__circle span{font-size:var(--font-size-h2);text-shadow: 1px 1px 3px #fffa}.main__spinning .iconify{font-size:var(--font-size-h1);animation-name:coloredSpin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}@keyframes coloredSpin {
    0% {
        color: var(--color-purple-dark-1);
        transform: rotate(0deg);
    }
    20% {
        color: var(--color-red-dark-1);
    }
    40% {
        color: var(--color-blue-dark-1);
    }
    60% {
        color: var(--color-yellow-dark-1);
    }
    80% {
        color: var(--color-pink-dark-1);
    }
    100% {
        color: var(--color-purple-dark-1);
        transform: rotate(360deg);
    }
}.paper-border{z-index:-1}#lower-border{opacity:.5;filter: drop-shadow(0px 4px 2px #0005)}.mid__img__wrapper{width:100%;text-align:center}.mid-section img{max-width:70%;height:auto}.mid__img__wrapper.shake img{animation:shake;animation-duration:.5s;animation-timing-function:ease-in-out}.mid__text{margin-top:1rem;padding:1rem;width:80%;text-align:center;border-radius:.4rem;transition:all .4s ease;background:var(--color-red-dark-1);color:var(--white)}.mid__card:nth-child(2) .mid__text {background:var(--color-blue-dark-1)}.mid__card:nth-child(3) .mid__text {background:var(--color-yellow-dark-1)}.mid__text.stable,
.mid__card:nth-child(2) .mid__text.stable,
.mid__card:nth-child(3) .mid__text.stable {background-color:var(--color-primary-container);box-shadow:0 0 20px #000;color:var(--color-text-primary)}.years-section{background-color:var(--color-yellow-light-2);width:100%;--head-height:20rem;--head-color:var(--color-dark-2)}.years-section img{max-width:100%;height:auto}.years__head{overflow:hidden;position:relative;height:var(--head-height)}.years__title{color:var(--head-color);font-weight:var(--font-w-medium);font-size:var(--font-size-h1)}.courses .years__title{font-size:var(--font-size-big)}.years__circle{animation:toSpin 40s linear infinite;position:absolute;height: calc(var(--head-height) * 2);width: calc(var(--head-height) * 2);top:0;border-radius:100%;border:3px dashed var(--head-color);z-index:1;transition:all 10s ease}.years__circle:hover{animation-play-state:paused}.years__body{position:relative;z-index:10;width:100%;background-color:var(--color-outer-container)}.years__card{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;background-color:var(--color-inner-container);width:100%;overflow:hidden;box-shadow: 2px 2px 20px #0005}.years__card__head{padding:3rem 5rem}.courses .years__card__head{padding:2rem 5rem}.years__card__title{font-weight:var(--font-w-medium);font-size:var(--font-size-h2);color:var(--color-text-primary)}.courses .years__card__title{color:var(--color-blue-dark-2)}.courses .years__card__img__wrapper{overflow:hidden}.years__card__title__secondary{font-size:var(--font-size-h3);color:var(--color-text-secondary)}.years__card__a:hover .years__card__img{animation:shake;animation-duration:.5s;animation-timing-function:cubic-bezier(.62,-.04,.29,1.35)}.courses .years__card__a:hover .years__card__img{animation:none}.courses .years__card__a>div{transition:all .3s ease}.courses .years__card__a:hover>div{transform:translateY(-10px)}:root{--dark-color:#635bff;--light-color:#80e9ff}#darkGroup{fill:var(--dark-color)}#lightGroup{fill:var(--light-color)}@keyframes animateDark1 {
    from {
        transform: translateX(0px);
        opacity: 1;
    }

    50% {
        transform: translateX(-30%);
        opacity: 0;
    }

    to {
        transform: translateX(0px);
        opacity: 1;
    }
}@keyframes animateDark2 {
    from {
        opacity: 0;
        transform: translateX(40%);
    }

    50% {
        opacity: 1;
        transform: translateX(-10%);
    }

    to {
        opacity: 0;
        transform: translateX(40%);
    }
}@keyframes animateLight1 {
    from {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-20%);
    }

    to {
        transform: translateX(0px);
    }
}#light1{animation-name:animateLight1}#light1,#dark1,#dark2{animation-timing-function:ease;animation-duration:3s;animation-iteration-count:infinite}#dark1{animation-name:animateDark1}#dark2{animation-name:animateDark2}@media (max-width:1200px){.main__svg-wrapper{transform:translateX(0)}.main__title{margin:3rem 0 1rem;font-size:4rem}.main__title__first.writing::after{content:"";height:4rem;position:absolute;top:2rem;left:0;border:3px solid var(--color-text-secondary)}.years-section{--head-height:17rem}}@media (max-width:992px){.years__title{font-size:var(--font-size-h2)}.years-section{--head-height:14rem}}@media (max-width:768px){.main__title{margin:3rem 0 1rem;font-size:3.7rem}.courses .years__card{flex-direction:column-reverse}.courses .years__card__text{text-align:center}.main__image__wrapper{max-width:75%;margin:0 auto}.years-section{--head-height:10rem}.hexing{transform:translate(10px,-20px)}.years__card__head{padding:1rem 1rem}}.txt-btn{width:90%;height:100%;padding:.6rem 1rem;border-radius:.5rem;box-shadow: 1px 1px 4px #000a;transition:all .1s ease;cursor:pointer;user-select:none;color:var(--color-white)}.txt-btn:hover{box-shadow: 1px 1px 10px #000a}.txt-btn:active{box-shadow: 0px 0px 1px #0004}.main__content__link a{cursor:pointer;transition:all .4s ease}.main__content__link a:hover{color:var(--color-yellow-dark-2);transform:translateY(-5px) scale(102%)}#back-to-top{position:fixed;right:15px;bottom:15px;display:none;font-size:22px;font-weight:bold;border-radius:4px;text-align:center;background-color:#fcd34d;padding:9px 0 0 0;color:#fff;font-family:'Source Sans Pro',sans-serif;z-index:999999999999;line-height:1;width:44px;height:44px}#whatsapp-chat{position:fixed;left:10px;bottom:6px;display:block;z-index:999999999999}#whatsapp-txt{font-size:55px}.blink{animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;color:#0dc150;white-space:pre-wrap;width:72px;float:right;margin-top:5px;margin-left:5px}@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}