:root{--background:#faf4e9;--background-pattern:url("./images/groovepaper.png");--header-footer-background:#f3e8d6;--header-footer-pattern:url("./images/transparent-square-tiles.png");--text:black;--accent:#d5bd95;--highlight:#efe4d3;--unvisited-link:#054d09;--visited-link:#4b0562}@media screen and (prefers-color-scheme:dark){:root{--background:#2e332b;--background-pattern:none;--header-footer-background:#485544;--header-footer-text:#f4f9e3;--text:white;--accent:#9ea36e;--highlight:#221607;--link:#eefff4;--visited-link:#eefff4}}body{font-family:Dyslexie,OpenDyslexic,atkinson hyperlegible,Verdana,Ubuntu,roboto,noto,Arial,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,-apple-system,BlinkMacSystemFont,Sans-Serif;font-size:1em}header h1{font-family:Dyslexie,OpenDyslexic,abril fatface,Serif;word-spacing:.1em}@font-face{font-display:swap;font-family:abril fatface;font-style:normal;font-weight:400;src:url(./fonts/abril-fatface-v23-latin-regular.woff2)format('woff2')}body{line-height:1.6em;background:var(--background);background-image:var(--background-pattern);color:var(--text);margin:0}main{max-width:60ch;margin:2em auto;padding:0 1em}header,footer{background:var(--header-footer-background);background-image:var(--header-footer-pattern);color:var(--text);margin:0;padding:1em;text-align:center}footer p{max-width:65ch;margin:auto}h1,h2,h3,h4,h5,h6,dt{background:var(--highlight);padding:.2em;border-radius:10px;text-align:center}header h1{margin:.2em auto .4em;font-size:2.5em;background:0 0}header nav ul{margin:0;padding:0;padding-bottom:.5em;list-style-type:none}header nav ul li{display:inline-block;padding:0 .5em}nav{margin:auto}summary:hover{cursor:pointer}mark{background:var(--highlight)}aside{border:2px solid var(--accent);padding:1em}dt{font-weight:700;text-align:left;margin:.5em}a{color:var(--unvisited-link)}a:visited{color:var(--visited-link)}hr{border:2px dashed var(--accent)}@media screen and (prefers-color-scheme:dark){h1,h2,h3,h4,h5,h6,dt,mark{color:var(--header-footer-text)}mark{padding:2px 5px}::selection{color:var(--header-footer-text);background:var(--highlight)}}