@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;700&display=swap";:root{--color-bg: #faf3e1;--color-text: #222222}[data-theme=dark]{--color-bg: #222222;--color-text: #faf3e1}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}.dot-corner{position:fixed;width:12px;height:12px;border-radius:50%;background-color:var(--color-text);top:24px;right:24px;border:none;cursor:pointer;transition:transform .1s ease,background-color .2s ease}.dot-corner:hover{transform:scale(1.2)}.dot-corner:focus{outline:none}@media(max-width:768px){.dot-corner{top:auto;bottom:24px;right:24px}}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:2rem;padding-top:20vh;max-width:60ch;margin:0 auto}.content{display:flex;align-items:flex-start;gap:1.5rem}.posts{display:flex;flex-direction:column;gap:.5rem}.post-link{font-family:Geist Mono,monospace;font-size:.95rem;color:var(--color-text);text-decoration:none;transition:opacity .2s ease}.post-link:hover{opacity:.5}.dot{display:block;width:12px;height:12px;background-color:#00d26a;border-radius:50%;margin-top:-10%;transition:transform .1s ease,background-color .2s ease}.dot:hover{transform:scale(1.2);background-color:#f7e396}.container{position:relative}.about-content{flex-direction:column;align-items:flex-end;position:relative;z-index:1}.about-text{font-family:Geist Mono,monospace;font-size:.95rem;color:var(--color-text);max-width:60ch}.dot-about{display:block;width:12px;height:12px;background-color:#00d26a;border-radius:50%;margin-right:-12%;margin-top:-7%;transition:transform .1s ease,background-color .2s ease}.dot-about:hover{transform:scale(1.2);background-color:#f7e396}.post-content{flex-direction:column;align-items:flex-end}.post-text{font-family:Geist Mono,monospace;font-size:.95rem;color:var(--color-text);max-width:60ch}.post-text h1{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.post-text p{margin-bottom:1rem;line-height:1.6}.post-text p:last-of-type{margin-bottom:0}.dot-post{display:block;width:12px;height:12px;background-color:#00d26a;border-radius:50%;margin-right:-7%;transition:transform .1s ease,background-color .2s ease}.dot-post:hover{transform:scale(1.2);background-color:#f7e396}