*{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Mono}html{overscroll-behavior:none;scroll-behavior:smooth;cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='32' height='32'><circle r='50' cx='50' cy='50' /></svg>") 16 16,auto}::-webkit-scrollbar{display:none}button{cursor:pointer}@font-face{src:url(../fonts/ibm-plex-mono.ttf);font-family:IBM Plex Mono}@font-face{src:url(../fonts/Px-Grotesk-Light.woff);font-family:Px}@font-face{src:url(../fonts/picnic.otf);font-family:Picnic}header#controls button{padding:2px 5px 3px 9px}@media (max-width: 800px){header#controls button{padding:2px}}.c_pointer:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='32' height='32'><circle r='46' cx='50' cy='50' stroke='black' stroke-width='8' fill='none' /><circle r='8' cx='50' cy='50' /></svg>") 16 16,auto}.hover_f_invert100:hover{filter:invert(100%)}section#projects{scroll-behavior:auto;background:#fff;position:relative;z-index:1}section#projects #filters-wrapper{row-gap:5px}section#projects #projects-grid{margin-top:50px;display:grid;gap:6.5vw;grid-template-columns:repeat(5,1fr);padding:5vw}section#projects #projects-grid .cell{transition:filter .2s ease-in-out}@media (max-width: 1200px){section#projects #projects-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 800px){section#projects #projects-grid{display:block;padding:35px}section#projects #projects-grid>*:not(:last-child){margin-bottom:120px}}#hovered-project-name{color:var(--color-1);text-shadow:.6vw .6vw var(--color-2),1.2vw 1.2vw var(--color-3)}#grid-visuals{grid-template-columns:1fr 1fr;column-gap:80px;row-gap:80px}@media (max-width: 1200px){#grid-visuals{grid-template-columns:1fr;column-gap:0}#grid-visuals>*{margin-top:0}}@media (min-width: 800px){.mobile_only{display:none}}section#websites .preview{visibility:hidden;position:absolute;top:50px;right:13vw;width:24vw;height:24vw;pointer-events:none}section#skills{background:var(--color-2)}section#skills input[type=range]{margin-left:20px;width:100px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:38px;outline:none;border-radius:30px;cursor:pointer;padding:7px;background:none;border:solid 1px black}section#skills input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:#000;border-radius:30px;outline:none}svg#curriculum-timeline g:hover circle{r:15}svg#curriculum-timeline g:not(.in-range) text.content{visibility:hidden}svg#curriculum-timeline g:not(.in-range) text.year{font-size:25px}svg#curriculum-timeline g.in-range text.year{font-size:50px}svg#curriculum-timeline g:not(.in-range):hover text.year{font-size:35px}@media (max-width: 800px){svg#curriculum-timeline{transform:rotate(90deg);transform-origin:center}svg#curriculum-timeline g text.year{transform-box:fill-box;transform-origin:center}svg#curriculum-timeline g:nth-child(2n) text.year{transform:rotate(-90deg) translate(60px)}svg#curriculum-timeline g:nth-child(odd) text.year{transform:rotate(-90deg) translate(-60px)}svg#curriculum-timeline g text.content{transform-box:fill-box}svg#curriculum-timeline g:nth-child(2n) text.content{transform:rotate(-90deg) translate(-150px) translateY(110px);transform-origin:left;text-anchor:start}svg#curriculum-timeline g:nth-child(odd) text.content{transform:rotate(-90deg) translate(120px) translateY(110px);transform-origin:right;text-anchor:end}}.fade-in{animation:.25s fade-in linear}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.arrow-icon{background-repeat:no-repeat;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 130'><path fill='none' stroke='black' stroke-width='5' d='M57.15 112.9L9.5 65.25 57.15 17.6M124.5 65.25H10.16'/></svg>")}