:root{--retro-bg: #ffffff;--ink: #2c1810;--aged-brown: #8b4513;--shadow: rgba(0, 0, 0, .2);--pixel-border: #333}body.blog-page{background-color:#0a0a0a;font-family:VT323,monospace;color:#3f3;line-height:1.4;position:relative;display:flex;flex-direction:column;align-items:flex-start}.blog-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;position:relative}#left-canvas,#right-canvas{width:30%;height:100%}.content-wrapper{max-width:900px;margin:2rem 0 0 2rem;padding:0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:100%}header{width:100%;text-align:center;background:transparent;position:fixed;top:5px;left:50%;z-index:10;transition:transform .1s ease;opacity:1;transform:translate(-50%)}header.hidden{transform:translate(-50%,-100%);opacity:0;transition:all .05s ease}header h1{font-family:Ballet,serif;color:#3f3;text-align:center;margin-bottom:1rem;font-weight:300;letter-spacing:.05em;font-size:4rem;margin-top:2rem}.blog-container{padding:.5rem 0;width:auto;padding-top:200px}.blog-post{border-bottom:1px dashed #1a5c1a;padding:1rem 0;margin-bottom:2rem;font-size:1.5em;width:auto;max-width:800px}.blog-post h2{color:#1a8f1a;margin-bottom:1rem;font-size:2em}.blog-post h2:before{content:"> ";color:#1a5c1a}.post-meta{font-size:1.1rem;color:#1a5c1a;margin-bottom:1.5rem}.post-content{color:#3f3;line-height:1.6;margin-top:1rem}.read-more{color:#3f3;text-decoration:none}.read-more:hover{text-decoration:underline}.home-button{display:inline-block;padding:.3rem;margin-top:1.2rem;margin-left:1rem;color:#3f3;text-decoration:none;border:1px solid #1a5c1a;position:relative;z-index:100;font-family:VT323,monospace;font-size:1rem;transition:all .3s ease;background-color:transparent;cursor:pointer;pointer-events:auto}.home-button:hover{background-color:#1a5c1a;color:#3f3}.home-button:active{transform:scale(.98)}.home-button:before{content:"> ";opacity:.8}body.blog-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;opacity:.3;z-index:0}@keyframes flicker{0%{opacity:.97}to{opacity:1}}body{animation:flicker .15s infinite}#swan-animation{position:fixed;top:50%;right:5%;transform:translateY(-50%);width:300px;height:300px;z-index:2;background-color:#0a0a0a;border:1px solid #1a5c1a}.swan-container,.swan-container *,.ascii-swan,.ascii-swan *,pre,pre *{background:none!important;border:none!important;box-shadow:none!important;outline:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}.swan-container{position:fixed;top:50%;right:5%;transform:translateY(-50%);z-index:2;width:600px;display:flex;flex-direction:column;align-items:center}.ascii-swan{font-family:monospace;color:#3f3;font-size:20px;line-height:1.2;white-space:pre;text-align:center;position:relative;z-index:2}.ascii-swan{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.blog-page .swan-container,.blog-page .ascii-swan{background:none!important;border:none!important;box-shadow:none!important}.water-animation-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.water-layer{position:absolute;color:#3f3;font-family:monospace;font-size:12px;white-space:nowrap;opacity:.3;pointer-events:none}.water-layer-1{top:15%}.water-layer-2{top:35%}.water-layer-3{top:55%}.water-layer-4{top:75%}.water-layer-5{top:85%}.water-layer-6{top:95%}.water-layer-1{animation:waterFlow 15s linear infinite}.water-layer-2{animation:waterFlow 12s linear infinite reverse}.water-layer-3{animation:waterFlow 18s linear infinite}.water-layer-4{animation:waterFlow 14s linear infinite reverse}.water-layer-5{animation:waterFlow 16s linear infinite}.water-layer-6{animation:waterFlow 20s linear infinite reverse}@keyframes waterFlow{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.swan-container{position:fixed;z-index:2}.content-wrapper{position:relative;z-index:2}.blog-page .swan-container{background:#0a0a0a80;border-radius:10px;box-shadow:0 0 20px #33ff331a}.element{border:none;filter:url(#fancy-border);-webkit-mask-image:url(path/to/border.svg);mask-image:url(path/to/border.svg)}nav{position:fixed;top:20px;left:40px;z-index:100;pointer-events:auto}