:root{--bg-color:#f4f3f0;--bg-secondary:#eceae5;--text-color:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--text-font:"Courier New",Courier,monospace;--heading-font:"Courier New",Courier,monospace;--nav-bg:#1a1a1a;--nav-width:220px;--content-margin-left:220px}html,body{background:var(--bg-color);width:100%;height:100%;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--text-font);margin:0;padding:0;overflow-x:hidden}h1,h2,.serif-title{font-family:var(--heading-font);letter-spacing:.05em;font-weight:400}.nav-link{font-family:var(--text-font);letter-spacing:.15em;text-transform:uppercase;font-size:11px}.grain-overlay{pointer-events:none;z-index:10;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (min-width:768px){body>div:first-child{margin-left:var(--content-margin-left)}}@media (max-width:767px){body>div:first-child{margin-left:0;padding-top:60px}:root{--content-margin-left:0px}}