/* Reset and document defaults. */
body,header,section,footer,form,input,textarea{transition:background-color .3s,color .3s,border-color .3s}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
/* Sticky footer: the page is at least one screen tall and <main> takes the free space, so on short pages the
   footer sits at the bottom of the screen instead of floating mid-page. Every other body child is position:fixed. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body,header,section,footer,form,input,textarea{transition:none}
}