:root{--color-back-background: #0b1220;--color-main-background: #101a2f;--color-text: #97f9cc;--color-text: #cde7dd;--color-h1: #0d98ba;--color-h2: #34d399;--color-h3: #4ac7c7;--color-border-color: #24385f;--color-accent: #8fbc8f;--color-post-background: #142040;--color-post-accent: #90b4ff;--color-post-hover: #c3d4ff;--color-code: #f1f5f9}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--color-text);background-color:var(--color-back-background)}html{scroll-behavior:smooth}body{margin:20px;display:flex;justify-content:center}a{color:var(--color-accent)}a:hover,h1{color:var(--color-h1)}h2{color:var(--color-h2)}h3{text-decoration:underline;color:var(--color-h3)}br{margin-bottom:10px}ul{margin-top:0}p{margin-top:.1rem}pre{background:var(--color-back-background);border:1px solid;border-color:var(--color-border-color);border-radius:10px;padding:12px;box-shadow:0 12px 24px #00000059,0 0 16px #34d3991f;overflow:auto}pre code{font-family:Fira Code,Menlo,Consolas,monospace;color:var(--color-code)}.main_page{padding:2rem;border-radius:18px;line-height:1.3;width:calc(100vw - 260px);max-width:840px;min-height:960px;background-color:var(--color-main-background);box-shadow:0 24px 48px #00000059}.hcontainer{display:flex;flex-direction:row;align-items:flex-start;gap:var(--gap, 20px)}.vcontainer{display:flex;flex-direction:column;gap:var(--gap, 20px)}::selection{background:var(--color-h3);color:var(--color-back-background)}::-moz-selection{background:var(--color-h3);color:var(--color-back-background)}.navColumn{width:180px;position:sticky;top:20px;align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:12px}.navBar{border:solid 1px;border-color:var(--color-border-color);line-height:25px;font-size:20px;text-align:center;width:150px;padding:10px}.postImg{max-width:350px;height:auto;max-height:350px;border-radius:8px;margin:10px}.postsNavBar{line-height:2;border:1px solid;border-color:var(--color-border-color);font-size:20px;text-align:center;width:200px;padding:2px}.postContent{background:var(--color-post-background);box-shadow:0 8px 20px #7355f02e;padding:16px;margin-bottom:50px}.postContent h2{border:1px solid var(--color-h2);padding:8px}.postContent a{color:var(--color-post-accent)}.postContent a:hover{color:var(--color-post-hover)}.icon{border:2px solid;border-radius:10px;width:90px;height:90px;padding:10px;margin:10px}.icon:hover{background:var(--color-post-background)}a>.icon{border:1px solid var(--color-h2);background:transparent;transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}a:hover>.icon{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-border-color);transform:translateY(-1px)}a:focus-visible>.icon{outline:2px solid var(--color-accent);outline-offset:4px;box-shadow:0 0 0 2px var(--color-border-color)}