@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Regular.ttf) format("truetype");font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#e8d6ac}
body{font-family:"Courier Prime","Courier New",monospace;color:#221e1a;background:#e8d6ac;min-height:100vh;
  background-image:url(/paper.png);background-size:512px 512px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.page{max-width:36rem;margin:0 auto;padding:2.5rem 1.5rem 4rem}
.mark{font-size:1rem;letter-spacing:.02em;display:block;margin-bottom:3.5rem}
.note{margin-bottom:3.5rem}
.day{font-size:.95rem;opacity:.75;display:block;margin-bottom:1rem}
.text{font-size:1.35rem;line-height:1.55;max-width:32rem}
@media(min-width:600px){.text{font-size:1.55rem}}
.index{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:1rem;margin-bottom:4rem}
.index a{opacity:.75;border-bottom:1px solid transparent}
.index a:hover,.index a:focus-visible{opacity:1;border-bottom-color:currentColor;outline:none}
.index a[aria-current]{opacity:1;border-bottom-color:currentColor}
.foot{font-size:.9rem;opacity:.7}
.foot a:hover{opacity:1}
.back{font-size:.9rem;opacity:.7;display:inline-block;margin-bottom:3.5rem}