@font-face {
  font-family: 'Yrsa';
  src: url(fonts/Yrsa.woff2);
  font-style: normal;
}

@font-face {
  font-family: 'Yrsa';
  src: url(fonts/Yrsa-Italic-VariableFont_wght.ttf);
  font-style: italic;
}

body {
    font-family: 'Yrsa', serif;
    text-align: center;
}

    a {
      color:black;
      text-decoration: 1px double underline black;
    }

    a:hover {
      color:white;
      background-color: black;
      text-decoration: 1px double underline white;
    }

        @media screen and (min-width:800px) {
            body {
            padding-left: 5%;
            padding-right:5%;
            }
        }

  @media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color:white;
    }
    
    a {
      color:white;
      text-decoration: 1px double underline white;
    }

    a:hover {
      color:black;
      background-color: white;
      text-decoration: 1px double underline black;
    }
}