html{scroll-behavior:smooth}.cursor-pointer{cursor:pointer}.sectionTitle{color:#3f92ff;font-size:18px}.heading{font-size:48px;margin-bottom:24px}.description{font-size:20px;line-height:1.8;max-width:850px}.btn-connect{border:1px solid rgba(255,255,255,.2)}.inner-nav{padding:5px}.btn-connect:hover{color:black!important;background:#fff;transition:all .3s ease}.typography{font-family:Pacifico,cursive;font-weight:700;text-decoration:underline wavy white}.curly{font-family:monospace;font-weight:700}.colorful{font-weight:700;background:linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-offWhite{color:#e3e3e3b8}.nav-item{font-size:15px}.nav-container{border-radius:50px;margin:0 auto;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}svg{margin:100px}path{stroke-dasharray:1475.11px;stroke-dashoffset:1475.11px;animation:LineAnimation 5s ease forwards;animation-delay:1s}@keyframes LineAnimation{to{stroke-dashoffset:0}}.ellipse-1{position:absolute;bottom:503px;z-index:-1;left:0;width:100%;height:100%}.portfolio-text{font-size:230px;font-family:Bebas Neue}.starter-section{margin-top:270px!important}#about{margin-bottom:205px}.about-section,.connect-container,.skills-container{margin-top:270px}.signature{width:200px;right:302px;bottom:-19px;transform:rotate(-17deg);transform-origin:bottom left}.slider-track{animation:scroll 30s linear infinite;width:max-content}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-title{margin-bottom:100px;font-size:70px;font-family:Bebas Neue}@keyframes scroll-horizontal{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.skills-container{overflow:hidden;position:relative}.vertical-fade-text,.vertical-fade-text-2{background:linear-gradient(180deg,#565656 0,#00000000 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;top:81px}.spline-container{position:relative;overflow:hidden;margin-bottom:100px}.spline-container:after{content:"";position:absolute;bottom:0;right:0;width:200px;height:50px;background:white;z-index:-1}.form-control:focus{background-color:#202020;color:white;border-color:#4d4d4d}.logo{font-family:Rubik Iso,cursive;transform:rotateX(20deg);transition:transform 2s ease-in-out;cursor:pointer}.rotate{animation:rotate 7s linear infinite}@keyframes rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.timeline-item{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.animate-fade-in{animation:fadeIn .8s ease forwards}.animate-line{animation:growLine 1.5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes growLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-line{transform-origin:top;transform:scaleY(0);transition:transform 1.5s ease}.animate-line{transform:scaleY(1)}.timeline-badge{opacity:0;transform:scale(0);transition:opacity .5s ease,transform .5s ease;transition-delay:.3s}.timeline-item.animate-fade-in .timeline-badge{opacity:1;transform:scale(1)}.timeline-item:hover .timeline-badge{transform:scale(1.2);transition:transform .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-progress{animation:progress 3.5s linear forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateX(20px)}20%,80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}@media (max-width:1350px){.vertical-fade-text{font-size:118px!important;top:57px}.vertical-fade-text-2{top:80px}}@media (max-width:1139px){.vertical-fade-text-2{font-size:112px!important;top:77px}}@media (max-width:1075px){.vertical-fade-text{font-size:92px!important;top:48px}}@media (max-width:971px){.vertical-fade-text-2{font-size:79px!important;top:65px}}@media (max-width:827px){.vertical-fade-text{font-size:79px!important;top:43px}.vertical-fade-text-2{top:63px}}@media (max-width:768px){.timeline-item:hover .timeline-badge{transform:scale(1.2)}}@media (max-width:700px){.vertical-fade-text-2{font-weight:500!important;font-size:67px!important}}@media (max-width:830px){.portfolio-text{font-size:170px}}@media (max-width:647px){.portfolio-text{font-size:140px}}@media (max-width:550px){.vertical-fade-text-2{font-size:53px!important;top:58px}}@media (max-width:483px){.heading{font-size:44px}.description{font-size:16px}.portfolio-text{font-size:100px}.sectionTitle{font-size:16px}.vertical-fade-text{font-size:66px!important;top:36px}.vertical-fade-text-2{font-size:37px!important;top:51px}}@media (max-width:400px){.portfolio-text{font-size:83px}.description,.sectionTitle{font-size:14px}.heading{font-size:36px}.vertical-fade-text{font-size:53px!important;top:28px}}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:rgba(0,0,0,.7);color:white;border:2px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000;transition:all .3s ease;opacity:.7}.scroll-to-top-btn:hover{background-color:rgba(0,0,0,.9);transform:translateY(-5px);opacity:1}.scroll-to-top-btn i{font-size:24px}@keyframes progress{0%{width:0}to{width:100%}}.animate-progress{animation:progress 3s ease-in-out}