: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 2px 0px 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:4rem;margin-bottom:1rem;color:var(--clr-header)}h2{font-size:2.5rem;margin-bottom:3rem;color:var(--clr-header)}h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--clr-header)}h4{font-size:1.25rem;margin-bottom:.25rem;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:circle;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)}a:hover{transition:.2s ease;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:3rem;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-top:.5rem;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:48px;width:48px;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:1200px;margin:auto;padding:1rem}section{margin-bottom:4rem}.separator{height:1px;width:60%;margin:8rem 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 4rem;display:flex;flex-direction:column}.hero h3{margin-bottom:4rem}.featuredProject{padding:2rem;margin-bottom:1rem}.featuredProject h3{margin-left:0;margin-bottom:1rem}.featuredProjectInfoWrapper{display:flex;gap:4rem;margin-bottom:1rem;flex-wrap:wrap}.featuredProjectInfoWrapper .featuredProjectDescription{flex:1 1 300px;min-width:0}.featuredProjectMediaWrapper{position:relative;max-width:100%;display:block;flex-shrink:0;height:300px;aspect-ratio:16 / 9}.featuredProjectMediaWrapper img,.featuredProjectMediaWrapper video{border-radius:var(--border-radius);height:100%;width:100%;position:absolute;inset:0;object-fit:cover}.featuredProjectMediaWrapper video{opacity:0}.featuredProject:hover video{opacity:1;transition:opacity .5s ease}.featuredProjectDescription{display:flex;flex-direction:column;gap:1rem}.featuredProjectDescription .skill-list{justify-self:right}.featuredProjectLinks{flex-grow:1}.icon-link{display:inline-block;position:static;height:24px;width:24px;padding:5px;margin-right:.5rem}.icon-link svg{height:100%;width:100%;border-radius:5px;transition:transform .2s ease-out}.icon-link:hover svg{transform:scale(1.25)}.icon-link svg path{fill:var(--clr-cta)}.section-title{margin-left:1rem}.tile-list>li:not(last-child){margin-bottom:1rem}.resume-subcategory{margin-bottom:4rem}.resume-subcategory.skills h3{margin-bottom:1rem}.resume-subcategory.skills .skill-list{margin-bottom:1.5rem}.skill-list{display:flex;align-items:center;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}.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;transition:all .2s ease-out}.socials a{height:24px;width:24px;padding:5px}.socials a.shrink{height:20px}.socials a:hover svg{transform:scale(1.25)}.socials a:hover svg path{fill:var(--clr-cta)}.socials svg path{fill:var(--clr-text)}.project{display:flex;flex-direction:column;gap:1rem}.project{min-height:160px}.project h3{margin:0}.project .icon-link{display:inline-block;position:static;height:24px;width:24px;padding:5px;margin-right:.5rem}.project .icon-link svg{height:100%;width:100%;border-radius:5px;transition:transform .2s ease-out}.project .icon-link:hover svg{transform:scale(1.25);transform-origin:center}.project .icon-link svg path{fill:var(--clr-cta)}.features-list{list-style:circle;padding-left:1rem;flex-grow:1}.features-list li:not(last-child){margin-bottom:.25rem}footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;width:100%}