:root{--m-cream: #fdf8f2;--m-paper: #f5ede3;--m-ink: #3e3030;--m-muted: #9e8c88;--m-peach: #ffd6b8;--m-pink: #ffc2d4;--m-lavender: #ddd0f7;--m-mint: #c2eedd;--m-sky: #c2dff8;--m-butter: #ffeeb8;--m-lilac: #ebc8f0;--m-border-color: #c4b0ad;--m-border: 2px solid var(--m-border-color);--m-shadow: 4px 4px 0 var(--m-border-color);--m-shadow-lg: 6px 6px 0 var(--m-border-color);--m-radius: 4px;--m-shadow-offset: 8px;--m-background: var(--m-paper);--m-foreground: var(--m-cream);--m-font-pixel: "VT323", monospace;--m-font-body: "VT323", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--m-paper);color:var(--m-ink);font-family:var(--m-font-body);font-size:1.25rem;line-height:1.6;background-image:radial-gradient(var(--m-border-color) 1px,transparent 2px);background-size:28px 28px;animation:bg-scroll 2s linear infinite}@keyframes bg-scroll{0%{background-position:0 0}to{background-position:28px 28px}}