@keyframes sunmoonmove{0%,80%{opacity:0;top:calc(100% + 50px)}81%,to{opacity:1}}@keyframes starmove{0%,40%{left:50%;top:43%}}@keyframes mountaindraw1{0%,75%{width:0}to{width:50%}}@keyframes mountaindraw2{0%,50%{height:0}75%,to{height:50%}}@keyframes treemove{0%,50%{height:0}}@keyframes branchmove{0%,90%{margin-left:0;width:0%}}@keyframes logomove1{48%,to{clip-path:inset(0 60% 0 40%)}}@keyframes logomove2{48.5%,to{clip-path:inset(0 60% 0 40%)}}@font-face{font-display:swap;font-family:'Space Mono';font-style:normal;font-weight:400;src:url(./assets/space-mono-v14-latin-regular.woff2) format('woff2')}*{margin:0;padding:0;list-style:none;font-smooth:antialiased;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;cursor:default;pointer-events:none;line-height:1;-webkit-tap-highlight-color:transparent}:root{--fg-color: #000;--bg-color: #fff}[data-theme=dark]{--fg-color: #fff;--bg-color: #000}body,html{font-family:'Space Mono',monospace,Courier;font-style:normal;font-weight:400;position:relative;width:100%;height:300vh;font-size:15px;background-color:var(--bg-color);color:var(--fg-color);overscroll-behavior-y:none;overflow-x:hidden;scroll-behavior:smooth}.logo{position:fixed;z-index:10;opacity:0;transform-origin:center;width:min(62vmin,330px);height:min(62vmin,330px);border-radius:100%;border:1px solid var(--fg-color);left:calc(50% - min(62vmin,330px)/2 - 1px);top:calc(43vh - min(62vmin,330px)/2 - 1px);clip-path:circle(50%)}.logo.on{opacity:1}.logo .ball{border-radius:100%;width:100%;height:100%;left:0;top:0;position:absolute}.logo .ball:nth-of-type(1),.logo .ball:nth-of-type(2){clip-path:inset(0 0 0 40%);background-color:var(--bg-color)}.logo .ball:nth-of-type(2){clip-path:inset(0 60% 0 0)}.logo .ball:nth-of-type(3),.logo .ball:nth-of-type(4){animation:logomove1 1s linear;clip-path:inset(0 0 0 40%);background-color:var(--fg-color)}.logo .ball:nth-of-type(4){animation:logomove2 1s linear;clip-path:inset(0 60% 0 0)}.logo .line{background-color:var(--bg-color);position:absolute;border:1px solid var(--fg-color)}.logo .line.off{transition:none!important}.logo .line.v{left:calc(40% - max(6px)/2);bottom:0;width:max(6px);height:0%;transition:height 500ms ease-out;transition-delay:300ms;top:-1px}.logo .line.v.on{height:calc(100% + 2px)}.logo .line.h{width:0%;height:max(6px);right:-1px;top:calc(40% - max(6px));bottom:unset;transition:width 250ms ease-out;transition-delay:1000ms}.logo .line.h.on{width:calc(30% + 2px)}.logo .line.h:nth-of-type(2){top:unset;right:unset;left:calc(40% + max(6px)/2 + 1px);bottom:calc(40% - max(6px));transition-delay:700ms;border-left:none}.logo .line.h:nth-of-type(2).on{width:calc(30% - max(6px)/2 - 2px)}[data-theme=light] .star{position:fixed;z-index:5;border-color:var(--fg-color);rotate:45deg;animation:starmove 1s linear}[data-theme=light] .star.planet::before{left:-100%;top:100%}[data-theme=light] .star.planet::after,[data-theme=light] .star.planet::before{display:block;content:'';position:absolute;border-left:1px solid var(--fg-color);border-top:1px solid var(--fg-color);width:100%;height:100%}[data-theme=light] .star:not(.planet)::after{display:block;content:'';position:absolute;border-right:1px solid var(--fg-color);border-bottom:1px solid var(--fg-color);width:100%;height:100%;left:-50%;top:-50%}[data-theme=dark] .star{position:fixed;z-index:5;animation:starmove 1s linear}[data-theme=dark] .star:not(.planet)::after{display:block;content:'';position:absolute;border-left:1px solid var(--fg-color);border-top:1px solid var(--fg-color);width:50%;height:50%}[data-theme=dark] .star:not(.planet)::before{display:block;content:'';position:absolute;border-right:1px solid var(--fg-color);border-bottom:1px solid var(--fg-color);width:50%;height:50%;left:-50%;top:-50%}[data-theme=dark] .star.planet{border-radius:100%;border:1px solid var(--fg-color)}[data-theme=dark] .tree{display:none}[data-theme=dark] .mountain{display:block;position:fixed;transform-origin:bottom left;background-color:var(--bg-color);bottom:3.5rem;rotate:45deg;z-index:8}[data-theme=dark] .mountain>div{content:'';display:block;position:absolute;background-color:var(--fg-color)}[data-theme=dark] .mountain>div:first-of-type{top:0;left:0;width:50%;height:1px;transform-origin:bottom left;animation:mountaindraw1 1s linear}[data-theme=dark] .mountain>div:last-of-type{bottom:50%;left:0;height:50%;width:1px;transform-origin:top right;animation:mountaindraw2 1s linear}[data-theme=light] .mountain{display:none}[data-theme=light] .tree{display:block;position:fixed;z-index:20;bottom:3.5rem}[data-theme=light] .tree div{background-color:var(--fg-color);position:absolute}[data-theme=light] .tree div:first-of-type{width:1px;height:100%;left:50%;bottom:0;animation:treemove 1s linear}[data-theme=light] .tree div.branch{height:1px;left:50%;animation:branchmove 1s linear}.footer,.sunmoon{position:fixed;background-color:var(--bg-color)}.sunmoon{border-radius:100%;border:1px solid var(--fg-color);animation:sunmoonmove 1s linear;opacity:0;z-index:6}[data-theme=dark] .sunmoon,[data-theme=light] .sunmoon{width:40px;height:40px;margin-left:-20px;margin-top:-20px;transition:all 500ms ease-out}[data-theme=light] .sunmoon.on{width:46px;height:46px;margin-left:-23px;margin-top:-23px}[data-theme=light] .sunmoon.on>div::after{width:6px}[data-theme=dark] .sunmoon{clip-path:inset(0 50% 0 0);transform-origin:center;border-top-right-radius:0;border-bottom-right-radius:0;transition:rotate 500ms ease-out;border-right:none}[data-theme=dark] .sunmoon.on{rotate:-45deg}[data-theme=dark] .sunmoon::after{pointer-events:none;content:'';position:absolute;display:block;left:calc(50% - 1.5px);top:0;width:1px;height:100%;background-color:var(--fg-color)}[data-theme=dark] .sunmoon>div{display:none}.footer{width:100%;display:flex;justify-content:center;align-items:center;font-size:.8rem;letter-spacing:-.02rem;z-index:999;bottom:0;left:0;min-height:3.5rem;text-align:center}.footer>div{margin:0 1rem}.footer p{display:inline-block;margin:.15rem .25rem}.footer span{margin-left:-.1rem;margin-right:-.1rem;font-family:sans-serif}@media only screen and (max-width:500px){.mountain:nth-child(odd),.star:nth-child(even),.tree:nth-child(odd){display:none}}:root *{animation-play-state:paused!important;animation-delay:calc(var(--scroll)*-1s)!important;animation-iteration-count:1!important;animation-fill-mode:both!important}