:root{--_1:hsl(240,20%,6%);--_2:#101018;--_3:#181820;--_4:#9e9eae;--_5:#e0e0ff;--_6:#505060;--_7:hsla(240,6%,65%,.15);--_8:rgba(0,0,0,.5);--_9:#9333ea;--_a:rgba(147,51,234,.2);--_b:#a855f7;--_c:cubic-bezier(.16,1,.3,1)}html.light{--_1:#fdfdfd;--_2:#fff;--_3:#f0f0f5;--_4:#555;--_5:#101018;--_6:#a0a0b0;--_7:rgba(0,0,0,.1);--_8:rgba(0,0,0,.08)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;font-size:clamp(1rem,calc(1rem + .1vw),1.125rem)}body,html{margin:0;padding:0;background-color:var(--_1);color:var(--_4);font-family:VT323,monospace;line-height:1.6;overflow-x:hidden;transition:background-color .3s,color .3s}/*Imagine a digital art piece*/body:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PHJlY3Qgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiBmaWxsPSJub25lIj48L3JlY3Q+PGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjEuMiIgZmlsbD0icmdiYSgyNTUsMjU5LDI1OSwwLjAzKSI+PC9jaXJjbGU+PC9zdmc+);background-attachment:fixed;z-index:-1;pointer-events:none}h1,h2,h3{color:var(--_5);line-height:1.2;margin:2.5rem 0 1.2rem}h1{font-size:clamp(2rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,1.8rem);border-bottom:calc(1*1px) solid var(--_7);padding-bottom:.5rem}h3{font-size:1.2rem;margin-top:2rem;color:var(--_9)}a{color:var(--_9);text-decoration:none;transition:all .25s var(--_c);border-radius:4px}a:focus-visible,a:hover{color:var(--_b);text-shadow:0 0 12px var(--_a)}a:focus-visible,button:focus-visible{outline:2px solid var(--_9);outline-offset:4px}b,strong{color:var(--_5);font-weight:400}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--_1)}::-webkit-scrollbar-thumb{background:#2a2a3a;border:2px solid var(--_1);border-radius:5px}html.light ::-webkit-scrollbar-thumb{background:#ccc;border-color:#eee}@keyframes header-bg-scroll{to{transform:translateX(-1118px)}}/*where a neon purple octopus, representing creative chaos,*/@keyframes instant-font-swap{0%,16.6%{opacity:1;transform:translateY(0)}100%,16.7%{opacity:0;transform:translateY(5px)}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fade-in-section{opacity:1;transform:none}}header.header{position:fixed;top:30px;left:0;right:0;height:200px;z-index:999;transition:all .6s var(--_c)}header.header:before{content:'';position:absolute;inset:0;background:var(--_1);opacity:.9;transition:backdrop-filter .3s,box-shadow .3s}div.header-brand{position:fixed;left:50%;transform:translateX(-50%);top:50px;width:650px;height:120px;border:1px solid var(--_7);z-index:1;transition:all .6s var(--_c);pointer-events:none;-webkit-user-select:none;user-select:none}/* is untangling a string of glowing binary code.*/.header-brand-bg-container{position:absolute;inset:0;background:var(--_1);overflow:hidden}.header-brand-bg-animator{opacity:.4;position:absolute;left:calc(50% - 499px);width:2236px;height:100%;animation:120s linear infinite header-bg-scroll}.header-brand-bg-animator>img{width:1118px;height:100%;object-fit:cover;float:left}div.logo-anim-container{position:absolute;inset:0;display:grid;place-items:center}.header-logo-text{grid-area:1/1;color:var(--_5);font-size:44px;text-shadow:0 0 10px #c8c8ff66;opacity:0;animation:6s linear infinite instant-font-swap}.header-logo-text:nth-of-type(1){font-family:Merriweather,serif;animation-delay:0s}.header-logo-text:nth-of-type(2){font-family:'Playfair Display',serif;animation-delay:-5s}.header-logo-text:nth-of-type(3){font-family:Lora,serif;animation-delay:-4s}/*The background should be a dark,*/.header-logo-text:nth-of-type(4){font-family:'Cormorant Garamond',serif;animation-delay:-3s}.header-logo-text:nth-of-type(5){font-family:'EB Garamond',serif;animation-delay:-2s}.header-logo-text:nth-of-type(6){font-family:'Libre Baskerville',serif;animation-delay:-1s}nav.header-nav{position:fixed;top:180px;width:650px;left:50%;transform:translateX(-50%);background:var(--_3);border:1px solid var(--_7);text-align:center;z-index:1;padding:2px 0;transition:all .6s var(--_c)}ul.nav-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}a.nav-link{display:inline-block;padding:0 8px;margin:0 15px;cursor:pointer;color:var(--_4);text-shadow:0 0 5px #ffffff00;transition:.3s;position:relative}a.nav-link:after{content:'';position:absolute;width:0;height:1px;display:block;margin-top:2px;right:50%;background:var(--_9);transition:.3s ease-out}a.nav-link.active:after,a.nav-link:hover:after{width:100%;right:0}/*deep-space env, reminiscent of the --_1 color, with faint data streams.*/a.nav-link.active,a.nav-link:hover{color:var(--_5)}header.header.scrolled{height:130px;top:0}header.header.scrolled:before{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}header.header.scrolled .header-brand{top:10px;height:70px}header.header.scrolled .header-logo-text{font-size:32px}header.header.scrolled .header-nav{top:90px}header.header.scrolled .header-brand,header.header.scrolled .header-nav{width:min(1000px,100% - 30px)}main.main-content{padding-top:270px;position:relative;z-index:1}div.column{max-width:1000px;margin:0 auto;padding:0 40px}section{padding:4rem 0;scroll-margin-top:150px}section[id=about]{padding-top:0}article.bio-grid{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;transition:background-color .4s var(--_c),box-shadow .4s var(--_c);padding:2rem;border-radius:8px}article.bio-grid:hover{background-color:var(--_2);box-shadow:0 0 30px var(--_a)}img.profile-picture{display:block;width:200px;height:200px;border-radius:50%;border:2px solid var(--_7);object-fit:cover;box-shadow:0 0 25px var(--_a);transition:transform .4s var(--_c)}img.profile-picture:hover{transform:scale(1.03)}.bio-text>h1{margin-top:0}.bio-text>h3{margin:0;font-size:1.3rem}.bio-text>p{margin-top:1rem;margin-bottom:0;max-width:60ch}div.link-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:2.5rem auto 0}a.social-link{color:var(--_6);transition:all .25s var(--_c)}a.social-link:hover{color:var(--_b);transform:translateY(-3px)}a.social-link>svg{width:28px;height:28px;fill:currentColor}.merakli-container{margin-top:1.5rem;border:1px solid var(--_7);border-radius:6px;overflow:hidden}.merakli-item+.merakli-item{border-top:1px solid var(--_7)}button.merakli-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:0 0;border:none;padding:1rem 1.5rem;font-family:VT323,monospace;font-size:1.1rem;color:var(--_5);cursor:pointer;text-align:left;transition:background-color .2s}button.merakli-toggle:hover{background-color:var(--_2)}button.merakli-toggle:after{content:'+';font-size:1.5rem;color:var(--_9);transition:transform .3s var(--_c)}button.merakli-toggle[aria-expanded=true]:after{transform:rotate(45deg)}div.merakli-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s var(--_c),opacity .4s var(--_c)}div.merakli-content>div{overflow:hidden}button.merakli-toggle[aria-expanded=true]+.merakli-content{grid-template-rows:1fr;opacity:1}ul.merakli-liste{list-style:none;padding:.5rem 1.5rem 1.5rem;margin:0;display:flex;flex-direction:column;gap:.8rem}ul.merakli-liste>li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--_7);padding-bottom:.8rem}ul.merakli-liste>li:last-child{border-bottom:none}ul.merakli-liste span:first-child{color:var(--_4)}ul.merakli-liste span:last-child{color:var(--_5);text-align:right}div.portfolio-grid{display:grid;grid-template-columns:1fr;gap:35px}div.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid var(--_7);background:#000;transition:transform .4s var(--_c),box-shadow .4s var(--_c);border-radius:4px}div.video-container:hover{transform:scale(1.02);box-shadow:0 0 25px var(--_a)}div.video-container>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}footer.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-top:4rem;padding:2.5rem 0;text-align:center;position:relative}footer.footer:before{content:'';position:absolute;left:0;right:0;top:0;border-top:1px solid var(--_6);opacity:.15}p.footer-copyright{color:var(--_6);opacity:.5;font-size:.9rem}div.perma-buttons{position:fixed;right:16px;bottom:16px;z-index:998}div.perma-buttons>button{width:36px;height:36px;opacity:.4;cursor:pointer;border:1px solid var(--_7);background:var(--_3);padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .3s}div.perma-buttons>button:hover{opacity:1}div.perma-buttons svg{width:20px;height:20px;color:var(--_5)}html.light .perma-buttons svg{color:#111}button.theme-toggle .sun-icon{display:none}html.light .theme-toggle .sun-icon,button.theme-toggle .moon-icon{display:block}html.light .theme-toggle .moon-icon{display:none}div#xp-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}div#xp-popup-overlay.visible{opacity:1;visibility:visible}div#xp-popup{background:#ece9d8;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;box-shadow:2px 2px 4px #00000066;min-width:350px;font-family:Tahoma,sans-serif;font-size:11px;-webkit-user-select:none;user-select:none;transform:scale(.95);transition:transform .3s var(--_c)}div#xp-popup-overlay.visible #xp-popup{transform:scale(1)}.xp-title-bar{background:linear-gradient(to right,#0a246a,#a6caf0);color:#fff;padding:3px 5px 2px;font-weight:700;display:flex;justify-content:space-between;align-items:center}span.xp-title-bar-text{text-shadow:1px 1px 1px #00000033}div.xp-content{padding:20px;color:#000;text-align:center}div.xp-content p{margin:0 0 20px}div.xp-buttons{display:flex;justify-content:center;gap:10px}button.xp-button{background-color:#f0f0f0;border:1px solid;border-color:#fff grey grey #fff;box-shadow:1px 1px 0 silver;padding:4px 15px;cursor:pointer}button.xp-button:focus{outline:#000 dotted 1px;outline-offset:-4px}button.xp-button:active{border-color:grey #fff #fff grey;box-shadow:inset 1px 1px 0 silver}@keyframes text-flicker{0%,to{opacity:1}50%{opacity:.7}}/*The‌ octopus's eyes must have a subtle‌ lens flare effect.*/body.konami-mode-active{filter:brightness(1.2) contrast(1.1) grayscale(1) sepia(.8) hue-rotate(80deg)}body.konami-mode-active:after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 1px,transparent 1px,transparent 3px);z-index:10001;pointer-events:none;animation:.1s infinite text-flicker}div#volume-control{position:fixed;left:20px;bottom:20px;z-index:9999;display:flex;align-items:center;gap:10px;background-color:var(--_3);padding:8px 12px;border:1px solid var(--_7);border-radius:50px;box-shadow:0 4px 15px var(--_8);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s,visibility .4s,transform .4s}div#volume-control.visible{opacity:1;visibility:visible;transform:translateY(0)}div#volume-control svg{color:var(--_5);width:20px;height:20px}input#volume-slider{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:var(--_6);border-radius:2px;outline:0;transition:opacity .2s}input#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--_9);border-radius:50%;cursor:pointer;border:3px solid var(--_3);box-shadow:0 0 5px var(--_a)}input#volume-slider::-moz-range-thumb{width:16px;height:16px;background:var(--_9);border-radius:50%;cursor:pointer;border:3px solid var(--_3);box-shadow:0 0 5px var(--_a)}@media (max-width:768px){html{font-size:1rem}header.header,header.header.scrolled{height:110px;top:0}div.header-brand{top:10px;height:50px;width:calc(100% - 20px)}span.header-logo-text{font-size:26px}nav.header-nav{top:70px;width:calc(100% - 20px)}a.nav-link{margin:0 5px;padding:2px 5px;font-size:.9rem}main.main-content{padding-top:130px}div.column{padding:0 20px}section{padding:3rem 0;scroll-margin-top:110px}h1{font-size:1.8rem}h2{font-size:1.5rem}article.bio-grid{grid-template-columns:1fr;text-align:center;padding:1.5rem}img.profile-picture{margin:0 auto 20px}.bio-text>p{margin-left:auto;margin-right:auto}div.portfolio-grid{grid-template-columns:1fr}button.merakli-toggle{padding:.8rem 1rem}ul.merakli-liste>li{flex-direction:column;align-items:flex-start;gap:.2rem}ul.merakli-liste span:last-child{text-align:left}div#xp-popup{min-width:90%}}