@font-face{font-family:pixelon;src:url(/Pixelon.ttf) format("truetype");font-weight:400;font-style:normal}:root{color-scheme:light dark;--bg-color: light-dark(#ffffff, #000000);--text-color: light-dark(#000000, #ffffff);--navbar-color-1: light-dark(#eeeeee, #222222);--navbar-color-2: light-dark(#ffffffdd, #111111dd);--navbar-outline: light-dark(#000000ff, #00000000);--navbar-size: 270px;--animation-duration: .15s}@view-transition{navigation:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes nav-slide-out{to{transform:translate(-100%)}}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Arial,sans-serif;transition:background-color var(--animation-duration),color var(--animation-duration)}#main{view-transition-name:main;position:relative;z-index:1;margin-left:var(--navbar-size);padding:20px 200px;margin-bottom:70px;font-size:1.25rem;p{line-height:1.35}a{color:#39c5bb}a:hover{text-shadow:0 0 5px #39c5bb}a.body-item{color:var(--text-color);text-decoration:underline;display:block;font-family:pixelon,sans-serif;font-size:1.25em}a.body-item:hover{text-shadow:none}canvas.body-hover{padding:0 0 0 7px;vertical-align:middle;opacity:0;visibility:hidden;transform:translate(10px);transition:all .1s}a:hover canvas.body-hover{opacity:1;visibility:visible;transform:translate(0)}svg{fill:var(--text-color)}.socials{display:inline-grid;place-items:center;justify-items:start;grid-template-columns:55px auto;row-gap:15px;svg{justify-self:center}}img{border:3px solid var(--text-color)}}::view-transition-old(main){animation:fade-out var(--animation-duration) both}::view-transition-new(main){animation:fade-in var(--animation-duration) var(--animation-duration) both}h1.welcome{font-family:pixelon,sans-serif;font-size:5rem;font-weight:20;margin-bottom:5px;white-space:nowrap;text-shadow:0 0 15px white}h1.subwelcome{font-family:pixelon,sans-serif;font-size:1.5rem;font-weight:20;margin-top:0;margin-bottom:50px;white-space:nowrap;text-shadow:0 0 15px white}h1.title{font-family:pixelon,sans-serif;font-size:4rem;font-weight:20;text-shadow:0 0 10px white}h2,h3,h4,h5{font-family:pixelon,sans-serif;text-shadow:0 0 10px white}.emphasis{font-family:pixelon,sans-serif}.navbar{height:100%;width:var(--navbar-size);position:fixed;z-index:1;top:0;left:0;background-color:var(--navbar-color-1);padding-top:20px;font-size:1.75rem;a{color:var(--text-color);text-decoration:none;display:block;font-family:pixelon,sans-serif}#logo a{padding:10px 30px 30px;font-size:2.25rem}#links{p{margin-block:20px 0px}a{padding:0 40px}ul{list-style-type:none;padding:0;margin:0;.nav-sublist{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out;padding:0 0 0 20px;font-size:1.2rem;div{overflow:hidden}}}ul:hover .nav-sublist,ul[data-submenu-state=expanded] .nav-sublist{grid-template-rows:1fr}canvas.nav-hover{padding:0 0 0 7px;vertical-align:middle;opacity:0;visibility:hidden;transform:translate(10px);transition:all .1s}a:hover canvas.nav-hover{opacity:1;visibility:visible;transform:translate(0)}a.is-selected canvas.nav-hover{opacity:.5;visibility:visible;transform:translate(0)}}}.navbar:after{content:"";position:absolute;right:0;top:0;width:3px;height:var(--scroll-progress, 0%);background:var(--text-color)}#nav-links[data-initializing] #links ul:not([data-submenu-state=closing]) .nav-sublist{transition:none}#nav-links #links ul[data-submenu-state=closing] .nav-sublist{grid-template-rows:0fr}#flowers-canvas{position:fixed;top:0;left:var(--navbar-size);width:calc(100vw - var(--navbar-size));height:100vh;pointer-events:none;z-index:0}#nav-top-bar{height:0;#darktoggle{position:fixed;right:0;top:0;padding:10px;z-index:10}}@media screen and (max-width:1000px){#main{margin-left:0;padding:20px 50px}#nav-top-bar{position:sticky;height:auto;top:0;display:flex;align-items:center;justify-content:space-between;background-color:var(--navbar-color-2);backdrop-filter:blur(5px);z-index:2;outline:2px solid var(--navbar-outline);a{color:var(--text-color);text-decoration:none;display:block;font-family:pixelon,sans-serif}#logo-top{line-height:.2;padding:0 20px;font-size:1.5rem}#darktoggle{position:absolute;top:100%}}#nav-expand-bar-btn{position:relative;align-self:stretch;flex:0 0 60px;z-index:4;appearance:none;border:none;outline:none;background:none;svg{transform:scale(.7);fill:var(--text-color)}}#nav-links{z-index:5;width:min(var(--navbar-size),85vw);transform:translate(-100%);transition:transform .25s ease;view-transition-name:mobile-nav}body[data-mobile-nav-open] #nav-links{transform:translate(0)}::view-transition-old(mobile-nav){animation:nav-slide-out .25s ease both}#nav-backdrop{position:fixed;inset:0;z-index:3;border:0;padding:0;background:#0003;backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}body[data-mobile-nav-open] #nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}#flowers-canvas{left:0;width:100vw}}#darktoggle{appearance:none;border:none;outline:none;background:none}#darktoggle-moon{display:none}#darktoggle[aria-pressed=false] #darktoggle-moon{display:block}#darktoggle[aria-pressed=false] #darktoggle-sun{display:none}