html{scroll-behavior:smooth}button{transition:background .3s ease-in-out,color .3s ease-in-out!important}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(10px) rotate(15deg)}to{transform:translateY(0) translate(0) rotate(0)}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient-text{background:linear-gradient(135deg,#00ff85,#28e08d,#0ce3ff,#28e08d,#00ff85);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientAnimation 3s ease infinite}.nav-link-container,.nav-link-container-ext{position:relative;display:inline-block}.nav-link-container .selected,.nav-link-container-ext .selected{background-color:#9595955c;position:absolute;width:0%;height:100%;top:0;left:50%;transform:translate(-50%);border-radius:60px;z-index:0;cursor:pointer;opacity:0;transition:opacity .2s ease,width .25s cubic-bezier(.4,0,.2,1)}.nav-link-container-ext .chakra-button{color:#000;transition:background-color .2s ease,color .2s ease}.nav-link-container-ext .selected{background-color:#0ead624a}@media (min-width: 768px){.nav-link-container:hover .selected,.nav-link-container-ext:hover .selected{opacity:1;width:100%}.nav-link-container-ext:hover .chakra-button{background-color:transparent!important;color:#99fbcc}}.mobile-skill-box{background-color:transparent!important;text-align:center;position:relative}.role-title-gradient{font-weight:700;background:linear-gradient(to right,#2cceff,#04ff3ccf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rotating-text{font-weight:700;font-size:34px;color:#fff}.rotating-text span{display:inline-flex;margin:0;vertical-align:top}.rotating-text span .word{position:absolute;display:flex;opacity:0}.rotating-text span .word .letter{transform-origin:center center 25px}.rotating-text span .word .letter.out{transform:rotateX(90deg);transition:.32s cubic-bezier(.6,0,.7,.2)}.rotating-text span .word .letter.in{transition:.38s ease}.rotating-text span .word .letter.behind{transform:rotateX(-90deg)}.w-1{color:#e74c3c}.w-2{color:#2ecc71}.w-3{color:#f1c40f}.w-4{color:#2ecc71}.w-5{color:#f1c40f}svg.svg-image{position:absolute;bottom:-95px;left:0}@media (max-width: 1550px){svg.svg-image{bottom:-35px}}@media (max-width: 1000px){svg.svg-image{bottom:-5px}}.project-presentation{box-shadow:#43475545 0 0 .25em,#5a7dbc0d 0 .25em 1em}.about-section{background-color:#fff6ef}.highlight-text{font-weight:600;color:#6a9978}