@import"https://fonts.googleapis.com/css2?family=Lexend&display=swap";#root{display:flex;flex-direction:column;width:100vw;height:100vh;padding:8px 32px 0;box-sizing:border-box}#root>*{max-width:1280px;width:100%;margin:0 auto}@media (orientation: landscape){#root{padding:16px 64px 0}.portrait-only{display:none}}._header_l49nu_1{display:flex;align-items:center;z-index:2}._menu_l49nu_7{flex:1;display:flex;justify-content:end;gap:16px;list-style:none}._logo_l49nu_15{height:64px}._iconButton_1yct3_1{box-shadow:4px 4px 16px 1px #0003}._section_57hs8_1{flex:1;display:flex;flex-direction:column;position:relative;padding-bottom:144px}._h1_57hs8_9{margin:0;color:var(--primary-highlight);font-size:48px}._contentContainer_57hs8_15{flex:1;display:flex;position:relative;align-items:center;justify-content:center;overflow-y:auto;width:100%;z-index:2}@media (orientation: landscape){._h1_57hs8_9{font-size:64px}}button._projectButton_11hpx_1{border-radius:4px;background-size:contain;transition:transform .1s linear}button._projectButton_11hpx_1:hover{border:8px solid var(--primary-highlight);background-color:initial;transform:scale(1.1)}._projects_jvvjs_1{position:unset;--squareSize: 72px;--squareGap: 12px}._projects_jvvjs_1>div{position:unset}._projectsContainer_jvvjs_11{position:absolute;left:0;display:flex;width:100%;box-sizing:border-box;overflow-x:auto;margin:0 auto;background:var(--background-transparent)}._containerBuffers_jvvjs_22{flex:1}._containerBuffers_jvvjs_22:first-child{min-width:calc(var(--squareSize) * .5)}._squareContainer_jvvjs_30{height:calc(var(--squareSize) * 3 + var(--squareGap) * 2);margin:calc(var(--squareGap) * 2);display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:var(--squareGap);transform:rotate(45deg)}*._square_jvvjs_30{width:var(--squareSize);height:var(--squareSize)}*._square_jvvjs_30._blank_jvvjs_44{visibility:hidden}@media (orientation: landscape){._projects_jvvjs_1{--squareSize: 96px;--squareGap: 16px}._containerBuffers_jvvjs_22:first-child{min-width:calc(var(--squareSize) * 2)}}._article_1xos0_1{position:absolute;top:0;max-width:800px;padding:8px 16px 64px;font-size:16px;color:var(--primary);background:var(--background-transparent)}._article_1xos0_1 button{display:inline-flex;align-items:center;justify-content:space-between;padding:4px;border:none;border-radius:4px;font-size:inherit;font-family:inherit;text-decoration:none;color:var(--background);background:var(--primary-highlight)}._article_1xos0_1 button:is(:hover){cursor:pointer;color:var(--highlight);background:var(--primary-highlight)}._buttonContainer_1xos0_32{padding-top:8px;text-align:right}@media (orientation: landscape){._article_1xos0_1{font-size:24px}}._form_1qdp4_1{padding:8px;background:var(--background-transparent)}._form_1qdp4_1 p{margin:0 0 8px}._input_1qdp4_10{width:100%;max-width:100%;margin-bottom:8px;padding:16px;box-sizing:border-box;font-size:inherit;font-family:inherit;border-radius:4px;border:1px solid #aaa;background:#eeed;color:#000;resize:none}button._submitButton_1qdp4_25{width:100%;padding:8px;border-radius:4px;background-color:var(--primary-highlight);color:var(--background)}button._submitButton_1qdp4_25:is(:hover){background-color:var(--primary-highlight);color:var(--highlight)}button._submitButton_1qdp4_25._loading_1qdp4_36{pointer-events:none;background:linear-gradient(90deg,var(--background-transparent) 10%,var(--highlight) 50%,var(--background-transparent) 10%);background-size:512px 128px}@keyframes _gradiate_1qdp4_1{0%{background-position:-512px 0}to{background-position:512px 0}}@media (prefers-reduced-motion: no-preference){button._submitButton_1qdp4_25._loading_1qdp4_36{color:var(--background);animation:_gradiate_1qdp4_1 infinite 1s linear}}._titleSection_e5aap_1{z-index:0}._h1_e5aap_5{max-width:800px;margin:0;opacity:0;transition:opacity .5s linear}._show_e5aap_12{opacity:1}@media (orientation: landscape){._h1_e5aap_5{font-size:48px}}._reactMarkdown_1y9i2_1{width:80%;max-width:800px;padding:16px;margin:64px auto 160px;background:var(--background);color:var(--primary)}._reactMarkdown_1y9i2_1 img{max-width:100%}._reactMarkdown_1y9i2_1 *{word-wrap:break-word;text-overflow:ellipsis!important}@media (orientation: landscape){._reactMarkdown_1y9i2_1{margin-bottom:256px}}button._menuButton_1y6gm_1{flex-shrink:0;color:var(--background);background-color:var(--primary);border-radius:8px;font-size:32px;transform:rotate(45deg);transition:transform .1s linear,color .25s linear,margin .1s linear}button._menuButton_1y6gm_1:hover{background-color:var(--primary)}button._menuButton_1y6gm_1:hover svg{border-color:var(--highlight)}button._menuButton_1y6gm_1._active_1y6gm_16{color:var(--highlight);transform:rotate(-45deg) scale(1.2);z-index:2}button._menuButton_1y6gm_1._active_1y6gm_16 svg{border-color:var(--primary-highlight)}button._menuButton_1y6gm_1 svg{padding:12px;color:inherit;font-size:inherit;border-radius:8px;border:4px solid var(--primary);transition:border-color .1s linear}@media (orientation: landscape){button._menuButton_1y6gm_1{border-width:4px;font-size:48px}button._menuButton_1y6gm_1 svg{padding:16px}}._main_1jbb0_1{flex:1;display:flex;flex-direction:column;justify-content:space-between}._markdown_1jbb0_8{position:absolute;top:0;left:0;width:100vw;height:100vh;box-sizing:border-box;background:#222a;overflow-x:hidden;overflow-y:scroll;z-index:3}._menu_1jbb0_21{position:fixed;left:0;right:0;bottom:0;display:flex;width:100%;max-width:100%;padding:0 32px 120px;margin:0 auto;box-sizing:border-box;transition:padding-bottom .25s linear;justify-content:space-between;align-items:center;z-index:3}._menu_1jbb0_21 ._bgGradient_1jbb0_37{position:absolute;left:-100vw;bottom:0;width:200vw;height:100%;padding:0;opacity:0;pointer-events:none;transition:opacity .25s linear;background:linear-gradient(transparent,var(--background));z-index:1}._menu_1jbb0_21._lower_1jbb0_51{padding-bottom:32px}._menu_1jbb0_21._lower_1jbb0_51 ._bgGradient_1jbb0_37{opacity:1}._hr_1jbb0_57{flex:1;border:4px solid var(--primary)}@media (orientation: landscape){._menu_1jbb0_21{max-width:800px}._menu_1jbb0_21._lower_1jbb0_51{padding-bottom:64px}}._footer_z6kpd_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}._footer_z6kpd_1 p{margin:8px 0}._logo_z6kpd_11{height:16px;margin-left:8px}._line_z6kpd_16{flex:1 0 40%;margin:0 16px;border:1px solid var(--primary-highlight)}@keyframes _spin_z6kpd_32{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){._spin_z6kpd_32{animation:_spin_z6kpd_32 infinite 10s linear}}@media (orientation: landscape){._footer_z6kpd_1{flex-wrap:nowrap}._line_z6kpd_16{flex:1}}._container_1hxh4_1{position:absolute;top:0;left:0;width:100vw;max-width:unset!important;height:100vh;overflow:hidden;z-index:1;pointer-events:none}._player_1hxh4_13{position:absolute;width:var(--player-size);height:var(--player-size);border-radius:100%;border:4px solid var(--highlight)}._cursor_1hxh4_21{position:absolute;padding:16px;border-radius:100%;transform:translate(-50%,-50%);background:var(--primary-highlight)}:root{--primary: #222;--highlight: #daf;--primary-highlight: #84a;--background: #eee;--background-transparent: #eeea;--player-size: 128px;color-scheme:light}:root.dark{--primary: #eee;--highlight: rgb(190, 158, 1);--primary-highlight: rgb(218, 191, 12);--background: #222;--background-transparent: #222a;color-scheme:dark}.theme-invert{will-change:filter;transition:filter .25s}:root.dark img.theme-invert{filter:invert(1)}body{margin:0;min-width:320px;min-height:100vh;cursor:none}body p,body h1,body h2,body a{cursor:text}:root{font-family:Lexend,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--primary);background-color:var(--background);transition:color .25s linear,background-color .25s linear;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a:any-link{color:var(--primary-highlight)}::selection{color:var(--primary);background-color:var(--highlight)}*{scrollbar-width:thin;scrollbar-color:var(--background) var(--primary)}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-thumb{background-color:var(--background);border-radius:4px;border:4px solid var(--primary)}@media (orientation: landscape){*::-webkit-scrollbar{width:8px}}