body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    table {
      border-collapse: collapse;
      width: 100%;
      max-width: 800px;
      margin: auto;
      text-align: center;
    }

    th, td {
      border: 1px solid black;
      padding: 8px;
    }

    th {
      background-color: #f2f2f2;
    }

    @media screen and (max-width: 600px) {
      table {
        font-size: 14px;
      }
    }



        body {
            background-color: oldlace;
            color: #222;
            padding: 0;
            font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
            font-size: 1.45rem;
        margin: 0rem auto;
            max-width: 50rem;
            padding: .5rem;
        padding-top: 0rem;
        word-spacing: .1rem;
        line-height: 2rem;

        }
    
main {
    padding: .1rem;
}

.logo {
    font-size: 4rem;
    line-height: 5rem;
    font-variant-caps: all-petite-caps;
}

nav {
    text-align: center;
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
   

    img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    
p {
    color: #222;
    font-size: 1.2rem;
    line-height: 1.5rem;
}
 



    video {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        height: auto;
    }
    a {
        color: #222;
        text-decoration: underline;
    }

    h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        text-align: center;
        margin-top: 3.7rem;
    }
      h2 {
          margin-top: 1.5rem;
        font-size: 1.7rem;
        line-height: 1.55rem;
          color: #222;
    }
h6 {
    color: #777;
    font-style: italic;
    text-align: center;
    font-size: 1.2rem;
}
    @media screen and (max-width: 800px) {
  article {
    padding: 1.25rem;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background: #555;
    color: #eee;
  }
    article {
        background: #555;
        /* box-shadow: 0px 18px 25px 5px #2d2d2d; */
    }
    a {
        color: #99bbff;
    }
    header {
        background-color: #555;
    }
    footer {
        background-color: #555;
    }