@font-face {
    font-family: "Chomskey";
    src: url("fonts/chomskey_webfont_kit/chomskey-webfont.woff");
  }

  @font-face {
    font-family: "Baskervville";
    src: url("fonts/baskervville_webfont_kit/baskervville-regular-webfont.woff");
}

  @font-face {
    font-family: "skurlock";
    src: url("fonts/skurlock_webfont_kit/sc______-webfont.woff");
}

@font-face {
    font-family: "first order";
    src: url("fonts/first_order_webfont_kit/firstorder-webfont.woff");
}

@font-face {
    font-family: "vafthrudnir";
    src: url("fonts/vafthrudnir_webfont_kit/vafthrud-webfont.woff");
}

@font-face {
    font-family: "crashed gothic";
    src: url("fonts/crashed_gothic_webfont_kit/gothic.woff");
}

@font-face {
    font-family: "fairies";
    src: url("fonts/fairies_webfont_kit/fairies.woff");
}

@font-face {
    font-family: "alegreya";
    src: url("fonts/alegreya_webfont_kit/alegreya-variablefont_wght.woff");
}


a {
  color: #f4e0d7;
  background-color: transparent;
  text-decoration: none;
}

h1 {
    font-family: 'fairies', Serif;
    font-size:5rem;
    color: #f4e0d7;
}

h2, h3, h4, h5 {
    font-family: 'fairies', Serif;
    color: #f4e0d7;
}
h6 {
    font-family: 'alegreya', Serif;
    color: #f4e0d7;
}

.nav-link {
    color: #f4e0d7;
    font-family: "Garamond", serif;
}

body {
    margin: 0 auto;
    font-family: "alegreya", serif;
    text-align: left;
    margin: 2px 2px 2px 2px;
    background-color: #1f382c;
    color: #f4e0d7;
}

article {
        padding: 25px 40% 10px 40%;
    }

@media (max-width:1000px){
    body {
        font-size:35px; 
    }
        h1, h2 {
        font-size:1.9em;
    }
    h3 {
        font-size:1.2em;
    }
    h4, h5, h6 {
        font-size:0.8em;
    }
}

th, td {
  padding: 10px;
  text-align: left;
  border: 1px solid #f4e0d7;
}

::selection {
    color: black;
    background: white;
}