@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}:root{--text-color:#1d1c1d;--bg-color:#e3e1e1;--sec-grey:#999;--text-grey:#3d3d3d;--highlight:#f22fa4;--negative:#9d80cb;--headings:"dirtyline",sans-serif}.darkmode{--text-color:#e3e1e1;--bg-color:#1d1c1d;--sec-grey:#999;--text-grey:#b5b2b2;--highlight:#f22fa4;--negative:#343838}.bluemode{--text-color:#e4e44d;--bg-color:#4e7ee0;--sec-grey:#cbec38;--text-grey:#d1fa3b;--highlight:#5e41c8;--negative:#0b1137}.holland{--text-color:#000;--bg-color:#db5800;--sec-grey:#ff803b;--text-grey:#542817;--highlight:#bee338;--negative:#0b1137}.sweet{--text-color:#c1008d;--bg-color:#f9aee9;--sec-grey:#7c1560;--text-grey:#ab4c93;--highlight:#28f172;--negative:#5c1766}@font-face{font-family:Dirtyline;src:url("/_next/static/media/Dirtyline 36daysoftype 2022.bd0eb05a.woff2") format("woff2"),url("/_next/static/media/Dirtyline 36daysoftype 2022.a0a28929.woff") format("woff"),url("/_next/static/media/Dirtyline 36daysoftype 2022.923ee352.otf") format("opentype");font-weight:400;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;height:100vh;display:flex;flex-flow:column}body{padding:1rem;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);@media (min-width:768px){padding-left:2rem;padding-right:2rem}}::-webkit-scrollbar{background:var(--text-grey);opacity:0;width:10px}::-webkit-scrollbar-thumb{background:var(--highlight);border-radius:.5rem;border:3px solid transparent;background-clip:padding-box}p{color:var(--text-grey);font-size:20px}h1,h2{font-family:var(--headings)}h1{margin-bottom:1.5rem;font-size:50px}h2{margin-bottom:1rem}h3,h4{margin-bottom:.5rem}button{display:flex;gap:.5rem;font-size:20px;font-weight:700;align-items:center;padding:.5rem 1.5rem;border-radius:2rem;background-color:var(--text-color);color:var(--bg-color);border:solid var(--text-color);&:focus-visible{background-color:var(--bg-color);color:var(--text-color);border:solid var(--text-color);& svg path{fill:var(--text-color)}}& svg path{fill:var(--bg-color)}&:hover{background-color:var(--bg-color);color:var(--text-color);border:solid var(--text-color);& svg path{fill:var(--text-color)}}}.change{margin-top:2rem}main{position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column}section{margin-bottom:3rem}.landing{display:flex;flex-flow:column;align-items:center;justify-content:center;height:-moz-fit-content;height:fit-content;text-align:center;& h1{color:var(--highlight)}& article{font-weight:700;max-width:40rem}& img{height:300px;aspect-ratio:1;object-fit:cover;margin-bottom:1.5rem}}.skill-list{list-style:none}.scroller{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scroller__inner{width:max-content;padding-block:1rem;display:flex;align-items:center;gap:1.2rem;animation:scroll 50s linear infinite;& svg{& path{fill:var(--text-color)}}}@keyframes scroll{to{transform:translate(-100%)}}.works{& ul{display:flex;flex-flow:column}& li{position:relative;list-style:" ";border-top:2px solid var(--text-color);height:-moz-fit-content;height:fit-content;color:var(--text-color);transition:background .2s ease-out;&:last-of-type{border-bottom:2px solid var(--text-color)}&:hover{background:var(--text-color);color:var(--bg-color)}& .arrow path{stroke:var(--text-color)}&:hover .arrow path{stroke:var(--bg-color)}}}.list_items{position:relative;display:flex;align-items:center;width:100%;justify-content:space-between;font-family:var(--headings);text-decoration:none;color:inherit;height:5rem;padding:0 .5rem;&:focus-within{background:var(--text-color);color:var(--bg-color)}& a{text-decoration:none;color:inherit}& .arrow{padding-left:.2rem;rotate:50deg}&:hover .hover-img{animation:reveal .3s ease-out forwards}}.hover-img{position:fixed;height:0;aspect-ratio:1;object-fit:cover;z-index:1;pointer-events:none}@keyframes reveal{to{height:10rem}}.highlight{background-color:var(--highlight);padding:0 1rem;transition:all .2s ease-in-out;&:hover{background-color:var(--negative);color:var(--bg-color)}}footer{padding-bottom:1.5rem;& ul{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;& li{list-style:""}}& svg{height:25px;& path{fill:var(--text-color)}&:hover path{fill:var(--highlight)}}}header{flex-wrap:wrap;font-family:var(--heading);width:100%;margin-bottom:2rem;& nav{& svg path{fill:var(--text-color)}& ul{display:flex;flex-direction:row;justify-content:space-between;& li{list-style:" ";align-self:center}& a{font-weight:700;text-decoration:none;color:var(--text-color);&:hover{color:var(--highlight)}&:hover svg path{fill:var(--highlight)}}}}}