nav.top-bar,div.bottom-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;height:5rem;margin:1rem auto;padding:0 1rem;max-width:800px;border-bottom:2px solid;border-image:radial-gradient(var(--accent),transparent 75%) 30;box-shadow:0 15px 15px -19px color-mix(in srgb,var(--primary),transparent);animation:mobileEnter .5s ease-out}@media (min-width: 800px){nav.top-bar,div.bottom-bar{animation:navEnter .5s ease-out}}main.slot{max-width:850px;min-height:calc(100vh - 15rem);margin:1rem auto;padding:0 1rem}div.bottom-bar{border-bottom:none;border-top:1px solid var(--accent);box-shadow:0 -15px 15px -19px color-mix(in srgb,var(--primary),transparent)}a.nav-link{color:var(--fg);text-align:center;padding:1rem;margin:auto;transition:all .25s cubic-bezier(.3,.03,.5,1.5);font-weight:400}a.nav-link:hover{color:var(--primary);letter-spacing:.5rem;text-decoration:none;text-shadow:0 0 20px var(--accent)}main.slot>*{animation:mainEnter .25s cubic-bezier(.3,.03,.5,1.5)}@keyframes navEnter{0%{max-width:200px;opacity:0;filter:blur(10px);text-wrap:nowrap}to{max-width:800px}}@keyframes mainEnter{0%{opacity:0;filter:blur(10px);transform:translate(1rem) scaleY(.95)}}@keyframes mobileEnter{0%{opacity:0;filter:blur(10px)}}button.lb-button{background:none;border:none}button.lb-button:focus>div.lightbox{display:block;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#000a}div.lightbox{display:none}div.lightbox div.window{display:block;align-content:center}button.theme-toggle{border:none;background-color:var(--primary);font-family:inherit;color:var(--bg);padding:.25rem;transition:all .25s}button.theme-toggle:active{background-color:var(--accent);transform:scale(.9)}div.window{background-color:light-dark(#fff,#000);border:2px solid var(--fg);box-shadow:5px 5px light-dark(var(--fg),grey);width:fit-content;max-width:400px;align-self:flex-start;scroll-margin-top:25vh;transition:all .25s ease}div.window:target{box-shadow:10px 10px var(--accent)}div.window-handle{display:flex;justify-content:space-between;background-color:var(--fg);color:var(--bg);border-bottom:2px solid var(--fg)}span.window-title:before{content:var(--window-title)}span.window-button{width:24px;text-align:center;padding:0!important}div.window-slot{padding:1rem}:root{--fg: light-dark(#111517, #f1faed);--bg: light-dark(#f1faed, #111517);--primary: #89c4a6;--accent: #8dd3dc;--window-title: "ndrei.dev" }*{margin:0}html{scroll-behavior:smooth}h1,h2,h3,h4{margin-bottom:.5rem}img{width:100%}body{color-scheme:dark;-webkit-font-smoothing:antialiased;font-smooth:always;background-color:var(--bg);background-size:40px 40px;background-repeat:repeat;color:var(--fg);font-family:Space Mono,sans-serif;transition:color .25s ease-out,background-color .25s ease-out}body.light-mode{color-scheme:light}a{color:var(--primary);text-decoration:none;text-underline-offset:-.5rem;font-weight:700;transition:all .25s cubic-bezier(.3,.03,.5,1.5)}a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.25rem}span.highlight{background:linear-gradient(to right,var(--primary),var(--accent),var(--primary));color:var(--bg);font-weight:700;padding:0 .25em;animation:highlightPan 1s linear infinite;background-size:200%}@keyframes highlightPan{0%{background-position:0 0}to{background-position:-200% 0}}.flex-messy{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:.75rem}.flex-strict{display:flex;flex-direction:row;justify-content:space-around;gap:1rem}