@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap");:root{--nacht:#10262e;--petrol:#17555e;--petrol-hell:#dce9ea;--nebel:#ebeff0;--karte:#ffffff;--linie:#d4dcde;--text:#1b3138;--text-2:#5c7278;--text-3:#8ca0a5;--backstein:#be4b2a;--backstein-hell:#f6e4dd;--schilf:#37835a;--schilf-hell:#e1efe6;--sand:#d9a441}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--nebel);color:var(--text);font-family:IBM Plex Sans,Arial,sans-serif;font-size:14px;line-height:1.5}::selection{background:var(--petrol-hell);color:var(--nacht)}[role=button]:focus-visible,[tabindex]:focus-visible,button:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}svg text{font-family:IBM Plex Mono,monospace;font-size:10px}.portfolio-section{animation:portfolio-rise .25s ease both}@keyframes portfolio-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}