:root{color-scheme:light dark;--border-radius:0.5rem;--bg-hue:337;--link-hue:354}html{height:100%;font-family:pt sans,tahoma,sans-serif;font-size:105%}body{display:flex;flex-direction:column;min-height:100%;margin-block:0;box-sizing:border-box;padding-block:1.5rem 1rem;gap:1rem;color:light-dark(black,white);background-color:light-dark(hsl(var(--bg-hue),50%,40%),hsl(var(--bg-hue),45%,20%))}nav{align-self:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:.7rem 1rem;margin-inline:0;row-gap:.2rem;column-gap:clamp(.2rem,2vw,2rem);> * { padding-inline: 0.2em; } background-color: light-dark(hsl(var(--bg-hue), 0%, 99%), hsl(var(--bg-hue), 45%, 16%));border-radius:var(--border-radius);border-style:solid;border-width:.5px 1px 1px .5px;border-color:light-dark(hsl(var(--bg-hue),60%,96%),hsl(var(--bg-hue),40%,15%))}main{flex-grow:1;overflow-wrap:break-word;padding-block:1.5rem;padding-inline:calc( (2rem * .7) + (4vw * .3) );margin-inline:5vw;background-image:linear-gradient( to top,light-dark(hsl(var(--bg-hue),80%,98%),hsl(var(--bg-hue),45%,25%)),light-dark(hsl(var(--bg-hue),100%,99%),hsl(var(--bg-hue),45%,30%)) );border-radius:var(--border-radius);border-style:solid;border-width:.5px 1px 2px .75px;border-color:light-dark(hsl(var(--bg-hue),40%,93%),hsl(var(--bg-hue),45%,18%))}footer{align-self:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;> * { padding: 0.2em; }}h1:first-child{margin-top:.25rem}h2{margin-top:1.4rem}p{margin-inline:.25rem}a{transition:all .1s ease-in-out}a:link,a:visited{color:light-dark(hsl(var(--link-hue),100%,45%),hsl(var(--link-hue),95%,80%))}a:hover{color:light-dark(hsl(var(--link-hue),95%,75%),hsl(var(--link-hue),75%,65%))}a:active{color:light-dark(hsl(var(--link-hue),30%,55%),hsl(var(--link-hue),50%,55%))}footer a:link,footer a:visited{color:light-dark(hsl(var(--link-hue),100%,90%),hsl(var(--link-hue),95%,80%))}footer a:hover{color:light-dark(hsl(var(--link-hue),95%,60%),hsl(var(--link-hue),75%,65%))}footer a:active{color:light-dark(hsl(var(--link-hue),30%,55%),hsl(var(--link-hue),50%,55%))}hr{margin-block:2rem}.section-nav p{display:flex;flex-direction:row;flex-wrap:wrap;margin-block:1rem;gap:1rem}.subheader{padding-inline:.4em;border-left:solid 2px light-dark(#b8949e,#dbbdc5);letter-spacing:.25px}.music{margin-inline:.25rem;audio { width: 100%; margin-block: 0.25rem; }}.music-video{margin-block:1rem;overflow-x:clip;summary { margin-inline: 0.25rem; text-decoration: underline; } video { width: 90%; }}.caption{margin:.25rem .5rem}