:root{--background:#1b1818;--foreground:#e0e3de;--header-height:96px;--white:#f6f6f4;--max-content-width:1200px}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{height:100%;color:var(--foreground);background:var(--background);font-family:var(--font-apfel), Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - var(--header-height));box-sizing:border-box;place-items:center;display:grid}.main-content{max-width:var(--max-content-width)}
@font-face{font-family:apfelGrotezk;src:url(../media/ApfelGrotezk_Regular-s.p.0pzlzbmp4a_h3.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:apfelGrotezk;src:url(../media/ApfelGrotezk_Mittel-s.p.1s7o65mg9r7gz.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:apfelGrotezk;src:url(../media/ApfelGrotezk_Fett-s.p.18f7q1kr9hgqt.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:apfelGrotezk Fallback;src:local(Arial);ascent-override:96.09%;descent-override:28.87%;line-gap-override:7.22%;size-adjust:96.99%}.apfelgrotezk_c3ba18ed-module__YA574W__className{font-family:apfelGrotezk,apfelGrotezk Fallback}.apfelgrotezk_c3ba18ed-module__YA574W__variable{--font-apfel:"apfelGrotezk", "apfelGrotezk Fallback"}
.side-menu{border:4px solid var(--white);background:#000;background-color:var(--background);width:100%;height:100%;transition:all .5s;position:fixed;top:0}.side-menu header{justify-content:flex-end}.side-menu header button{cursor:pointer;background:unset;color:var(--white);border:0;place-items:center;width:48px;height:48px;display:grid}.side-menu header button:hover{background-color:#ffffff26}.side-menu nav{flex-flow:column;justify-content:center;align-items:center;height:100%;padding:24px 24px 128px;display:flex}.side-menu nav a{margin:24px;font-size:2em;font-weight:500}.side-menu nav a:hover{color:var(--white)}
header{height:var(--header-height);box-sizing:border-box;background:var(--background);z-index:1;justify-content:center;align-items:center;width:100%;padding:24px;display:flex;position:sticky;top:0}header .main-content{flex:1;justify-content:space-between;display:flex}header .logo-container{place-items:center;display:grid}header .logo-container img{width:auto;height:48px}header .links-container{display:flex}header .links-container a{place-items:center;margin:24px;font-size:1.2em;font-weight:700;display:grid;position:relative;overflow:hidden}header .links-container a span{transition:transform .5s cubic-bezier(.34,1.96,.64,1);display:inline-block}header .links-container a .link-underline{background:var(--white);width:0%;height:4px;transition:all .4s cubic-bezier(.075,.82,.165,1);position:absolute;bottom:-4px}header .links-container a:hover{color:var(--white)}header .links-container a:hover span{transform:translateY(-4px)}header .links-container a:hover .link-underline{width:100%;bottom:0}header .links-menu-icon{cursor:pointer;background:unset;color:var(--white);border:0;width:48px;height:48px;padding-top:8px;font-size:3em;display:none}header .links-menu-icon:hover{background:#ffffff0d}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(-3px)}}@media (max-width:1024px){header .links-container{display:none}header .links-menu-icon{display:block}}@media (max-width:512px){header .logo-container img{max-width:240px}}
.social-media-box{display:flex}.social-media-box a{aspect-ratio:1;border:4px solid #0000;justify-content:center;align-items:center;margin:0 8px;padding:4px;transition:border .2s;display:flex}.social-media-box a img{display:block}.social-media-box a:hover{border:4px solid var(--foreground)}
footer{text-align:center;place-items:center;padding:24px;display:grid}footer .main-content{width:100%;max-width:var(--max-content-width);justify-content:space-between;align-items:center;display:flex}footer div{font-weight:500}@media (max-width:768px){footer .main-content{flex-flow:column;justify-content:center}footer .main-content .social-media-box{margin-bottom:12px}}