/* comic-neue-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comic Neue';
  font-style: normal;
  font-weight: 400;
  src: url('comic-neue-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* comic-neue-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comic Neue';
  font-style: italic;
  font-weight: 400;
  src: url('comic-neue-v8-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* comic-neue-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Comic Neue';
  font-style: normal;
  font-weight: 700;
  src: url('comic-neue-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* patrick-hand-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Patrick Hand SC';
  font-style: normal;
  font-weight: 400;
  src: url('patrick-hand-sc-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  
  background-color: #222222;
  color: #e5e5c5;
  
  border: 2px solid #444433;
  border-radius: 5px;
}

#headerimg {
  background-image: url('/header.png');
  width: min(1000px, 100%);
  margin-top: -20px;
}

nav {
  font-family: 'Patrick Hand SC';
  font-size: 32px;
  margin-left: 10px;
}

@media (width >= 800px) {
  nav {
    margin-top: -75px;
    margin-left: 160px;
  }
  #headerimg {
    height: 250px;
  }
}

@media (width <= 500px) {
  #headerimg {
    margin-top: 0px;
    margin-left: 50px;
    transform: scale(1.3);
  }
  h1 a {
    margin-top: -22px;
    display: inline-block;
    overflow: hidden;
  }
}

nav a {
  color: white;
  text-decoration: none;
  margin-right: 8px;
}

.currentPage {
  text-decoration: underline;
}

main {
  font-family: 'Comic Neue';
  font-size: 18px;
  padding: 12px;
}

blockquote {
  font-style: italic;
  font-family: 'Patrick Hand SC';
  font-size: 20px;
}

main a {
  color: #50aaff;
  font-weight: bold;
}

main a:visited {
  color: #4060ff;
}

main img {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}