:root{--mainContentHeight: 80dvh;--primaryColor: #0f172a;--accentColor: #38b2ac;--accentSecondary: #805ad5;--gradient-accent: linear-gradient(135deg, #38b2ac 0%, #805ad5 100%)}.theme-transition-overlay{animation:coverUncover 2.2s ease-in-out forwards}@keyframes coverUncover{0%{clip-path:circle(0% at 100% 100%);opacity:1}45%{clip-path:circle(150% at 100% 100%);opacity:1}55%{clip-path:circle(150% at 0% 0%);opacity:1}to{clip-path:circle(0% at 0% 0%);opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--accentColor);border-radius:3px}::-webkit-scrollbar-track{background:transparent}html{scrollbar-width:thin;scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;max-width:100vw}body,*{margin:0%;padding:0%;box-sizing:border-box;font-family:Fira Code,monospace!important}hr{margin-bottom:1rem;padding-inline:0px!important}.progress-bar{position:fixed;top:0;left:0;height:2px;background:var(--gradient-accent);transform-origin:0%;width:100%;z-index:1000}section{width:100%}.mainBody{box-sizing:border-box;padding:1vh 2vw;margin-top:4rem;min-height:calc(100vh - 4rem);min-height:calc(100dvh - 4rem)}.mainBody>.page{flex:1}.section-alt{padding:2rem 1.5rem;border-radius:16px;margin-bottom:1rem;border:1px solid rgba(56,178,172,.18);background:linear-gradient(135deg,rgba(56,178,172,.04) 0%,rgba(128,90,213,.04) 100%)}.extra-section>.hireAndDownload{display:flex;justify-content:center;align-items:center;width:100%}li{list-style:none;text-align:left}p{font-size:clamp(1rem,1.5vw,1.8rem);text-align:justify}span{text-align:left}.hireAndDownload{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;margin-left:0%}img{opacity:.9}img:hover{opacity:1}#card:hover{border:1px solid var(--accentColor);box-shadow:0 4px 20px #38b2ac26}.logo{display:flex;align-items:center;padding:0 1.1rem;box-sizing:border-box;font-size:1.5rem;color:#faf9f6;font-weight:700;animation:logoAnimation 1.5s ease-in-out forwards}.header nav ul{list-style:none;display:flex;justify-content:center}.header nav ul li{margin:0 10px;cursor:pointer;box-sizing:border-box}.nav-links{display:flex}.nav-links-burger{display:none;background:none;border:none;padding:.25rem}.nav-links li a{text-decoration:none;padding:0 10px;transition:color .3s}.nav-links li.scroll-to-top.active,.nav-links li a.active,.nav-links li.scroll-to-top.active:hover,.nav-links li a.active:hover{border-bottom:2px solid var(--accentColor)}.nav-links .active{font-weight:700;transition:color .3s ease,border-bottom .3s ease}.main-content{display:flex;flex-direction:row;min-height:calc(100dvh - 4rem);box-sizing:border-box;justify-content:space-around;align-items:center}.intro{width:55vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;animation:fadeIn 1.5s ease-in-out}.dev-name{font-weight:700;font-size:clamp(2.8rem,3.5vw,3.8rem);letter-spacing:.5ch;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dev-proff{font-size:clamp(1.3rem,2vw,2rem);animation:devProff 1.5s ease-in-out forwards;text-align:center;width:100%}.dev-name:hover{transition:opacity 2s ease}.services-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.service-item{padding:10px;border:1px dotted #333;border-radius:5px}.service-item:hover{border:1px dotted skyblue}.contact-form{display:flex;justify-content:center}#project-link{color:#000}.links{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px 35px;flex-wrap:wrap}.path{display:flex;flex-wrap:wrap;word-wrap:break-word}.top-links{display:flex;flex-direction:row;justify-content:space-between;gap:30px}.links a,a{text-decoration:none}#skillsLink{margin-left:20px}.links a legend{padding-left:1rem}.copy-right{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:clamp(1rem,2vw,1.5rem)}.nav-links-burger{display:none}.scroll-to-top{transition:opacity 1s ease-in-out}.scroll-fade-in{animation:2s ease-in-out 1s both}.links a{width:140px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media (max-width: 768px){.mainBody{padding:.5rem .4rem}.section-alt{padding:1.25rem .6rem;margin-bottom:.5rem}.intro{width:100%;padding:0 1rem;gap:.75rem}.dev-proff{font-size:clamp(1rem,2vw,1.3rem);animation:pulsateAnimation 8s infinite;transition:opacity 1s ease}.hireAndDownload{display:flex;flex-direction:column}.react-responsive-3d-carousel__indicators{flex-direction:row}.dev-name{font-size:clamp(1.2rem,2vw,1.5rem)}}@media screen and (max-width: 1080px){.main-content{overflow:visible;background-position:center;background-size:auto;background-repeat:no-repeat}.react-responsive-3d-carousel__indicators{flex-direction:row}.dev-proff{font-size:clamp(1.2rem,2vw,1.5rem)}.hireAndDownload ul{width:100%;display:flex;flex-direction:row}ul{display:flex;flex-direction:column;gap:5dvh}.nav-links{display:none}.nav-links-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:10px;position:relative}.nav-links li a{padding:0}.links a{width:125px}}@keyframes pulsateAnimation{0%{transform:scale(1);opacity:.8}50%{opacity:1;color:#333;text-transform:uppercase}75%{color:#00f}to{transform:scale(1);opacity:.8}}@keyframes devName{0%{opacity:0}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#000}}.typing-text{display:inline-block;white-space:nowrap;overflow:hidden;border-right:3px solid rgba(0,0,0,.75);animation:typing 3s steps(30) infinite,blink .75s step-end infinite}@keyframes typing{0%{width:0}25%{width:100%}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes devProff{0%{opacity:0;transform:translate(400px)}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes logoAnimation{0%{transform:translate(300px,250px);opacity:0}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}.header{background:rgba(15,23,42,.85);display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;height:4rem;top:0;left:0;width:100%;box-sizing:border-box;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1;border-bottom:1px solid rgba(56,178,172,.25);transition:background-color .3s ease-in-out;animation:fadeOut 2s ease-in-out}.header:hover{color:#fff}.burger-icon,.close-icon{font-size:30px;transition:transform .3s ease;cursor:pointer;color:#fff}.burger-icon:hover,.close-icon:hover{transform:scale(1.2)}.nav-links li a{color:#fff;transition:color .3s,background-color .3s}.nav-links li a:hover{color:var(--accentColor)}.burger-links-menu{--menu-accent: var(--accentColor);position:absolute;top:100%;left:0;width:100%;height:calc(100dvh - 4rem);padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 100% 0%,rgba(128,90,213,.22),transparent 55%),radial-gradient(circle at 0% 100%,rgba(56,178,172,.2),transparent 55%),var(--chakra-colors-chakra-body-bg);border-top:1px solid rgba(56,178,172,.25);z-index:10}[data-theme=light] .burger-links-menu{--menu-accent: var(--chakra-colors-teal-600)}.burger-links-menu .mobile-menu-list{display:flex;flex-direction:column;gap:.25rem;width:100%;max-width:480px;margin:0 auto}.burger-links-menu .mobile-menu-item{margin:0;border-bottom:1px solid var(--chakra-colors-chakra-border-color)}.burger-links-menu .mobile-menu-item:last-child{border-bottom:none}.mobile-menu-link{display:flex;align-items:center;gap:1rem;padding:.85rem .9rem;border-radius:10px;color:var(--chakra-colors-chakra-subtle-text);font-size:1.15rem;letter-spacing:.02em;transition:color .25s,background-color .25s,padding-left .25s}.mobile-menu-link:hover,.mobile-menu-link:focus-visible{color:var(--chakra-colors-chakra-body-text);background-color:var(--chakra-colors-chakra-subtle-bg);padding-left:1.2rem}.mobile-menu-index{min-width:2ch;font-size:.75rem;color:var(--menu-accent);opacity:.7}.mobile-menu-arrow{margin-left:auto;color:var(--menu-accent);opacity:0;transform:translate(-6px);transition:opacity .25s,transform .25s}.mobile-menu-link.active{color:var(--chakra-colors-chakra-body-text);font-weight:700;background:linear-gradient(90deg,rgba(56,178,172,.18),rgba(128,90,213,.08));box-shadow:inset 3px 0 0 var(--menu-accent)}.mobile-menu-link.active .mobile-menu-index,.mobile-menu-link:hover .mobile-menu-arrow,.mobile-menu-link.active .mobile-menu-arrow{opacity:1;transform:none}@media screen and (min-width: 1081px){.burger-links-menu,.page-nav{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:0;transform:translateY(-20px);height:10px}to{opacity:1;transform:translateY(0)}}.about h2,.services h2,.projects h2,.contact-form h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:20px;box-sizing:border-box}.service-title{font-size:clamp(1.2rem,2vw,1.8rem);margin-bottom:10px;background-color:#333;color:#fff;text-align:left;padding:10px}.service-description{font-size:clamp(.9rem,1.5vw,1.2rem)}@media screen and (max-width: 425px){.hireAndDownload{flex-direction:column;width:100%}.copy-right{font-size:clamp(1rem,3vw,1.2rem)}}.divider{border-bottom:1px solid;border-style:dashed;width:100%;margin-top:.3rem}.print-resume{display:none}