@font-face {
    font-family: BookmanOldStyle;
    src: url("https://db.onlinewebfonts.com/t/e6ad3e9485e85796a3ebb481164abee7.woff2") format("woff2");
    font-weight: bold;
  }
  @font-face {
    font-family: BookmanOldStyle;
    src: url("https://db.onlinewebfonts.com/t/4267d8aa8711bb8c72cbefb26066c9e0.woff") format("woff");
  }
  @font-face {
    font-family: BookmanOldStyle;
    src: url("https://db.onlinewebfonts.com/t/e22362f3c9a269bf08b691197794ea8c.woff") format("woff");
    font-style: italic;
  }
  @font-face {
    font-family: BookmanOldStyle;
    src: url("https://db.onlinewebfonts.com/t/e7542f998594b425b8728191c4d11d96.woff") format("woff");
    font-style: italic;
    font-weight: bold;
  }
  body {
    background-color: white;
    color: black;
    padding: 10px;
  }
  H1 { color: white; font-size: 4rem; margin-bottom: 5px;}
  @media screen and (prefers-color-scheme: dark) {
    body {
      background-color: #1A1A1A; 
      color: #aaa;
    }
    a { color: cornflowerblue; }
    a:visited { color: #c8c; }
  }
  @media screen and (max-width: 450px) {
    H1 { font-size: 1.5rem; }
  }
  H1 {
    background-color: rgb(187,187,255);
    background: linear-gradient(to right, red, orange, yellow, green, blue, purple);
    border-color: gold;
    border-width: 7px;
    text-align: center;
    font-weight: 900;
/*    color: rgb(205,173,0); */
    padding: .1em;
    padding-top: 0;
    border-style: ridge;
    font-family: BookmanOldStyle, serif; 
/*    font-family: 'Crimson Pro',serif; */
    font-variant: small-caps;
   /* text-outline: black 2px  */
    text-shadow: black 5px 5px 5px,
        1px -1px 0 black,
        -1px 1px 0 black,
        -1px -1px 0 black,
        1px 1px 0 black;
  }
  H2 { text-align: center; }
  .shadow {
    height: 1em;
    filter: DropShadow(Color=#666666,offX=3,offY=3); 
  }