nav{background-color:#fff;color:#202124;padding:.75rem 2rem;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:10;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;font-family:Roboto,Helvetica Neue,Arial,sans-serif}#nav_container{display:flex;gap:2rem;flex-wrap:wrap}.nav_button{display:inline-block;padding:.5rem 0;color:#5f6368;text-decoration:none;font-size:1rem;font-weight:500;border-bottom:2px solid transparent;transition:color .3s ease,border-color .3s ease}.nav_button:hover{color:#1a73e8;border-color:#1a73e84d}.nav_button.active{color:#1a73e8;border-color:#1a73e8}@media(max-width:800px),(orientation:portrait){nav{padding:.5rem 1rem}#nav_container{justify-content:center;gap:1.5rem}.nav_button{font-size:4vw}}.curtain{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1000;pointer-events:none}.curtain-initial{transform:translateY(0)}.curtain-enter-down{animation:curtainDown .5s forwards}.curtain-enter-up{animation:curtainUpEnter .5s forwards}.curtain-exit-down{animation:curtainDownExit .5s forwards}.curtain-exit-up{animation:curtainUp .5s forwards}@keyframes curtainDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes curtainDownExit{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes curtainUpEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes curtainUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}body{margin:0;font-family:sans-serif;background-color:#f9f9f9}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#background_container,#sim_container{top:0;left:0;height:0;width:0}#page_container{position:absolute}.page-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.post-card{background-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.5rem;margin-bottom:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease;text-align:left}.post-card:hover{transform:scale(1.01)}.post-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.post-meta{font-size:.85rem;color:#888;margin-bottom:1rem}.post-content{font-size:1rem;line-height:1.5}.blog-container{width:100%;max-width:800px;margin:0 auto;text-align:left}.load-more-button{padding:.5rem 1rem;background-color:#1e3a8a;color:#fff;border:none;border-radius:6px;cursor:pointer}.load-more-button:hover{background-color:#2c4db3}a{color:#555;text-decoration:none;font-weight:500;transition:color .2s ease,border-bottom .2s ease}a:hover{color:#222;border-bottom:1px solid #999}a:visited{color:#777}a:active{color:#000}.main_text_container{width:100%;max-width:800px;margin:0 auto;text-align:left;padding:0}.main_text_container_wrapper{position:absolute;top:0;left:0;background-color:#fff9;width:100vw;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000001a}.general-text-inner{background-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.5rem;margin-bottom:1.5rem;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000000d}.general-text-header{font-size:1.5rem;font-weight:600;margin:0 1rem;padding:1rem}.general-text-content{font-size:1rem;line-height:1.5;padding:1rem}.main_text_container h1{font-size:1.5rem;color:#111827;margin:0;line-height:1.4}@media(max-width:800px),(orientation:portrait){.blog-container,.main_text_container{max-width:90vw}.general-text-inner{padding:1rem 0}.page-title{font-size:4vw}.post-title{font-size:3vw}.post-meta{font-size:2vw}.post-content,.general-text-header,.general-text-content,.main_text_container h1{font-size:3vw}}