HTML {
   background-color: rgb(191,191,191);
}
BODY {
   font-family: helvetica, arial, sans-serif;
}
SELECT {
   background-color: rgb(220,220,220);
   color: rgb(80,80,80);
   border: 0;
}
H2 {
   font-weight: normal;
   font-size: 260%;
   margin-top: 88px;
   margin-bottom: 28px;
}
H2.first {
   margin-top: 44px;
}
A:link {
   color: black;
   outline: none;
}
A:visited {
   color: rgb(100,100,100);
   outline: none;
}
A.nav {
   background-color: rgb(220,220,220);
   text-decoration: none;
   color: rgb(100,100,100);
   padding: 2px;
   margin: 5px;
   font-size: small;
   outline: none;
}
TABLE {
   padding: 0;
   border-spacing: 0;
   border-collapse: collapse;
   background-color: rgb(191,191,191);
}
TD, TH {
   text-align: center;
   padding: 0;
   background-color: rgb(191,191,191);
}
IMG {
   border: 0;
   outline: none;
}
.center {
   text-align: center;
   margin: auto;
}
P.group {
   font-size: 150%;
   margin-top: 10px;
   margin-bottom: 6px;
}
P.picture {
   margin-top: 19px;
   margin-bottom: 24px;
}
P.caption {
   font-size: 130%;
   margin-bottom: 0px;
}
P.navbox {
   margin-top: 0;
   margin-bottom: 5px;
}
TABLE.artwork {
   padding: 5px;
   border-spacing: 5px;
   border-collapse: collapse;
   background-color: rgb(191,191,191);
}
TD.artwork {
   text-align: center;
   padding: 10px;
   background-color: rgb(191,191,191);
}

@media (prefers-color-scheme: dark) {
   :root {
      scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3);
   }
   HTML {
      background-color: rgb(50,50,50);
      color: rgb(186,186,186);
   }
   SELECT {
      background-color: rgb(80,80,80);
      color: rgb(170,170,170);
   }
   TABLE, TD, TH {
      background-color: rgb(50,50,50);
   }
   TABLE.artwork, TD.artwork, TH.artwork {
      background-color: rgb(50,50,50);
   }
   A:link {
      color: rgb(157,156,156);
   }
   A:visited {
      color: rgb(156,156,156);
   }
   A.nav {
      background-color: rgb(80,80,80);
      color: rgb(170,170,170);
   }
}

@media (hover: none) and (pointer:coarse) {
   P.navbox {
      margin: 50px;
   }
   A.nav {
      padding: 20px;
      margin: 30px;
      font-size: 200%;
   }
   P.caption {
      font-size: 200%;
   }
   SELECT {
      background-color: rgb(191,191,191);
      color: rgb(170,170,170);
   }
}
