:root{--bg-primary: #dee2e6;--bg-gradient-1: #dee2e6;--bg-gradient-2: #dee2e6;--bg-gradient-3: #dee2e6;--bg-secondary: #f8f9fa;--clr-header: #212529;--clr-text: #495057;--clr-cta: #0062ff;--border-radius: 10px;--box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .1);background:linear-gradient(70deg,var(--bg-gradient-1) 40%,var(--bg-gradient-2) 70%,var(--bg-gradient-3) 100%);color:var(--clr-text);font-family:Inter,sans-serif;font-optical-sizing:auto}*{margin:0;padding:0}p{line-height:1.5rem}h1{font-size:2.5rem;margin-bottom:1rem;color:var(--clr-header)}h2{font-size:1.75rem;margin-bottom:2rem;color:var(--clr-header)}h3{font-size:1rem;margin-bottom:1.5rem;color:var(--clr-header)}h4{font-size:1rem;margin-bottom:0;color:var(--clr-text)}ul{list-style:none}.icon{width:24px;height:24px}.text-small{font-size:14px}.text-tiny{font-size:11px;white-space:nowrap}.styled-list{list-style:disclosure-closed;margin-left:1.5rem}.styled-list li{margin:10px 0}button{border:none;background-color:unset;cursor:pointer}a{text-decoration:none;color:var(--clr-cta);transition:.2s ease}a:hover{color:var(--clr-text)}a:visited{color:inherit}.fade-in-on-scroll{opacity:0;transform:translatey(60px);transition:opacity 1.5s ease,transform 1.5s cubic-bezier(.075,.82,.165,1)}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0)}@media screen and (min-width:768px){.delay-1{transition-delay:.5s}.delay-2{transition-delay:0}}@media screen and (min-width:1024px){.delay-1{transition-delay:.5s}.delay-2{transition-delay:1s}}header{height:2.5rem;position:fixed;display:flex;align-items:center;justify-content:flex-end;width:100%;z-index:1000}.spacer{height:4rem}.colorchange-wrapper{height:120px;width:120px;transform:translate(-5px,100px);margin-right:1rem;background:var(--bg-gradient-2);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transform-origin:top right;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.colorchange-wrapper svg{height:100%;width:100%}.colorchange-wrapper path.sun{fill:#ffd549}.colorchange-wrapper path.moon{fill:#dbdbdb}.colorchange-wrapper.minimized{border-radius:unset;box-shadow:unset;background:unset;transform:scale(.25) translateY(170px);transition:transform .2s cubic-bezier(.4,0,.2,1)}.colorchange-wrapper.minimized .button-wrapper{transform:scale(3) translate(-8px,-5px)}.button-wrapper{height:40px;width:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s cubic-bezier(.4,0,.2,1);z-index:1}.button-show-slider{height:100%;width:100%}.slider-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;transition:opacity .5s ease}.colorchange-wrapper.minimized .slider-wrapper{opacity:0;visibility:hidden}.slider{background:transparant;border-radius:50%;height:100px;width:100px;position:relative;margin:5px}.slider:before{content:"";position:absolute;border:8px solid white;inset:-3px;border-radius:50%}.slider-control{position:absolute;width:12px;height:12px;cursor:pointer;background:#a0a0a0;border:3px solid rgb(145,145,145);border-radius:50%;transform:translate(-50%,-50%);touch-action:none}main{max-width:1000px;margin:auto;padding:1rem}section{margin-bottom:4rem}.separator{height:1px;width:60%;margin:6rem auto;background:var(--clr-text)}.tile{padding:1rem;border-radius:var(--border-radius);border:1px solid var(--clr-border);box-shadow:var(--box-shadow);background-color:var(--bg-secondary);position:relative}h1{margin-bottom:0}.hero-text-wrapper{margin-bottom:4rem}.hero{padding:2rem 1rem 1rem;min-height:60dvh;display:flex;flex-direction:column}.hero h3{margin-bottom:4rem}.section-title{margin-left:1rem}.tile-list>li:not(last-child){margin-bottom:1rem}.resume-subcategory{margin-bottom:3rem}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill{border-radius:100vw;background-color:var(--bg-secondary);padding:.3rem 1rem;box-shadow:var(--box-shadow)}.skill.light{border:1px solid var(--clr-text);box-shadow:unset}.function-wrapper{display:flex;justify-content:space-between;align-items:flex-end}.function-title{font-weight:700}@media screen and (min-width:768px){.tile-list.projects{display:grid;grid-template-columns:1fr 1fr;gap:1rem;row-gap:0}.project{flex:1 1 auto;min-width:calc(50% - .5rem)}}@media screen and (min-width:1024px){.tile-list.projects{grid-template-columns:1fr 1fr 1fr}}.socials{display:flex;gap:.5rem;align-items:center}.socials svg{height:100%;width:100%;border-radius:5px}.socials a{height:24px;width:24px;transition:transform .2s cubic-bezier(.4,0,.2,1);padding:5px}.socials a.shrink{height:20px}.socials a:hover{transform:scale(1.2)}.socials svg path{fill:var(--clr-text)}.project{display:flex;flex-direction:column;gap:1rem}.project{min-height:160px}.project h3{margin:0;flex-grow:1}.project .icon-link{display:inline-block;position:static;height:24px;width:24px;padding:5px;transition:transform .2s ease-out;margin-right:.5rem}.project .icon-link svg{height:100%;width:100%;border-radius:5px}.project .icon-link:hover{transform:scale(1.2);transform-origin:center}.project .icon-link svg path{fill:var(--clr-cta)}footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;width:100%}