:root{--color-background:#161513;--color-text: #ffffff;--color-primary:#19111f ;--color-secondary: #610A14;--color-accent: #E892FD}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:contain}html::-webkit-scrollbar{display:none}body{font-family:Inconsolata,sans-serif;background:linear-gradient(45deg,#161513,#12011c,#161513) no-repeat center center / cover #12011c;color:var(--color-text);overscroll-behavior-y:contain}@media (width < 620px){body{background:#12011c}}body::-webkit-scrollbar{width:0!important}a{text-decoration:none}@supports (-webkit-touch-callout: none){body{height:-webkit-fill-available}}.container{margin-inline:auto;width:min(70%,70em)}.text-center{text-align:center}.container--center{display:flex;justify-content:center}header{position:relative;top:0;right:0;bottom:0;left:0;z-index:1000}.sticky-header{background:linear-gradient(45deg,#161513,#12011c,#161513) no-repeat center center / cover #12011c;box-shadow:0 0 8px #000;color:var(--color-text);width:100%;height:6em;position:fixed;top:0;right:0;bottom:0;left:0}nav{display:flex;justify-content:space-evenly;padding:1em 8px}nav a{font-size:clamp(.7em,5vw,1.25em);font-weight:600}@media (min-width: 62em){nav a:hover{text-shadow:0 0 20px var(--color-accent);transform:scale(1.05);transition:all .3s ease}}.logo-container{display:flex;justify-content:center;padding-top:.5em;margin-inline:auto}.logo-container img{max-height:2.25em;width:auto;display:block;aspect-ratio:2/1}@media (min-width: 40em){.sticky-header{display:grid;grid-template-columns:2fr 8fr 2fr;padding:0 2em;height:4em}.logo-container img{max-height:3em;width:auto;display:block;aspect-ratio:2/1}nav{justify-content:center;gap:2em}}#aboutme{padding-top:6em!important;padding-block:1.5em}@media (max-width: 600px){#aboutme{margin-top:1.5em;scroll-margin-top:3em;padding-block:1em}}.profile-image{display:flex;justify-content:center;margin:2em auto;max-width:20em}.profile-image img{max-height:auto;max-width:70%;display:block;border-radius:100em;box-shadow:0 0 20px #e892fd}#aboutme h1{text-align:center;font-weight:900;font-size:clamp(1em,12vw,4em)}.name{font-weight:900;font-size:clamp(1em,12vw,4em);background:linear-gradient(60deg,#bd7dda,#5d2288,#bd7dda,#5d2288);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 12s linear infinite;transform:translateZ(0);backface-visibility:hidden}@keyframes gradientFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.socials{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;margin-top:5em;margin-bottom:4em}.socials a{display:flex;flex-direction:row;justify-content:center;gap:8px;height:auto;min-width:180px;border-radius:48px;align-items:center;padding:.5em .5em 1em;font-weight:600;font-size:1.5em}.socials a img{height:1.25em;margin-left:8px;width:auto;display:block}.linkedin-btn{background-color:#fff;border:3px solid #fff;color:var(--color-background)}@media (min-width: 62em){.linkedin-btn:hover,.github-btn:hover{box-shadow:0 0 20px var(--color-accent);transition:all .2s ease}}.github-btn{background-color:transparent;border:3px solid #fff;color:#fff}@media (min-width: 40em){.socials{display:flex;flex-direction:row}}.skills-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.experience-title{background:-webkit-linear-gradient(-90deg,#ebebeb,#828282);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:2em;margin-block:2em;text-align:center}.skills{display:flex;flex-wrap:wrap;gap:2em;align-items:center;justify-content:center;width:fit-content}.skills img{display:block;height:auto;max-width:4em}#projects{padding-top:3em}.projects,.projects-cards{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3em}.projects-title{background:-webkit-linear-gradient(-90deg,#FF609A,#610A14);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:3em;text-align:center}.card{max-width:40em;height:auto;background-color:#2a2a2a;border-radius:16px}@media (min-width: 62em){.card:hover{box-shadow:0 0 36px var(--color-accent);transform:scale(1.05);transition:all .3s ease}}.card-image-wrapper{max-height:15em;display:block;overflow:hidden;z-index:100}.card-content img{width:100%;height:auto;display:block;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px}.card-content-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;padding:8px 8px 16px}.card-content-bar h3{margin-top:0;font-weight:900;font-size:clamp(1em,8vw,1.5em)}@media (min-width: 57em){.projects-cards{display:grid;align-items:stretch;grid-template-columns:1fr 1fr}.card{width:clamp(10em,100vw,25em);height:auto;background-color:#2a2a2a;border-radius:16px}}#contact{padding-top:3em;padding-bottom:1em;margin-top:6em;background:linear-gradient(to top,#25152bcd 60%,#140b1800)}.contact-details h2{font-weight:900;font-size:2em}.email{display:flex;flex-direction:row;align-items:flex-end;margin-top:2em}.email h4{align-self:center;font-size:clamp(.5em,4vw,1em);margin:4px}.email-icon{height:clamp(1em,5vw,2em);width:auto;display:block}.email-icon img{width:auto;height:inherit;display:block;object-fit:cover}.rights{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:3em}#toggle-lang{height:24px;width:24px;aspect-ratio:1/1;border-radius:100px;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width: 40em){#toggle-lang:hover{box-shadow:0 0 20px var(--color-accent)}}.lang-switcher{display:inline-block;position:relative}.lang-switcher img{position:absolute;top:0;left:0;pointer-events:none}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{margin:0;min-height:100svh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}