html{scroll-behavior:auto}body{top:0;left:0;max-width:100vw;width:100%;height:auto;background-color:#f8f7f0;font-family:source-code-pro,monospace;font-style:normal;animation-duration:.1s;animation-timing-function:ease-in-out}a,body,div,h1,h2,h3,li,p,span,ul{margin:0;padding:0;font-weight:400}a,div,h1,h2,h3,li,p,span,ul{line-height:1.5;color:#3f322f;text-align:left;text-decoration:none;list-style:none}body::-webkit-scrollbar{width:.2rem}body::-webkit-scrollbar-thumb{background-color:#3f322f}body.exit{animation-name:fadeOut}body.enter{animation-name:fadeIn}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{font-size:1.6em}h2{font-size:1.5rem}h3{font-size:1.4rem}h4{font-size:1.3rem}p{font-size:1.2rem}a{color:inherit}@media screen and (min-width:768px){h1{font-size:2em}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}p{font-size:1rem;line-height:1rem}}