body {
  background-color: white;
  color: black;
  font-family: Garamond, serif;
  margin: .5rem;
}

img {
  max-width: 100%;
}

.wavy {
  animation-name: wavy;
  animation-duration: 2s;
  animation-delay: calc(var(--i) * -.1s);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  
  position: relative;
  top: 0;
  left: 0;
  --i: 0;
}

.smallWavy {
  animation-name: smallWavy;
  animation-duration: 1s;
  animation-delay: calc(var(--i) * -.1s);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  
  position: relative;
  top: 0;
  left: 0;
  --i: 0;
}

@keyframes wavy {
  0%    { top: -.5rem; }
  100%  { top: .5rem; }
}

@keyframes smallWavy {
  0%    { top: -.1rem; }
  100%  { top: .1rem; }
}

/* Font Hell */

@font-face {
  font-family: "Bros Oskan 90s";
  src: url("/styles/fonts/bros-oskon-90s/ZTBrosOskon90s-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Bros Oskan 90s";
  src: url("/styles/fonts/bros-oskon-90s/ZTBrosOskon90s-Italic.otf") format("opentype");
  font-style: italic;
}
@font-face {
  font-family: "Bros Oskan 90s";
  src: url("/styles/fonts/bros-oskon-90s/ZTBrosOskon90s-Light.otf") format("opentype");
  font-weight: 300 399;
}
@font-face {
  font-family: "Bros Oskan 90s";
  src: url("/styles/fonts/bros-oskon-90s/ZTBrosOskon90s-LightItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 300 399;
}
@font-face {
  font-family: "Bros Oskan 90s";
  src: url("/styles/fonts/bros-oskon-90s/ZTBrosOskon90s-ExtraLight.otf") format("opentype");
  font-weight: 0 299;
}
@font-face {
  font-family: "Bros Oskan 90s";
  src: url("/styles/fonts/bros-oskon-90s/ZTBrosOskon90s-ExtLtIta.otf") format("opentype");
  font-style: italic;
  font-weight: 0 299;
}

@font-face {
  font-family: "Dream Orphans";
  src: url("/styles/fonts/dream-orphans/Dream-Orphans.otf") format("opentype");
}
@font-face {
  font-family: "Dream Orphans";
  src: url("/styles/fonts/dream-orphans/Dream-Orphans-It.otf") format("opentype");
  font-style: italic;
}
@font-face {
  font-family: "Dream Orphans";
  src: url("/styles/fonts/dream-orphans/Dream-Orphans-Bd.otf") format("opentype");
  font-weight: bold;
}
@font-face {
  font-family: "Dream Orphans";
  src: url("/styles/fonts/dream-orphans/Dream-Orphans-Bd-It.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Goodfish";
  src: url("/styles/fonts/goodfish/Goodfish.otf") format("opentype");
}
@font-face {
  font-family: "Goodfish";
  src: url("/styles/fonts/goodfish/Goodfish-It.otf") format("opentype");
  font-style: italic;
}
@font-face {
  font-family: "Goodfish";
  src: url("/styles/fonts/goodfish/Goodfish-Bd.otf") format("opentype");
  font-weight: bold;
}
@font-face {
  font-family: "Goodfish";
  src: url("/styles/fonts/goodfish/Goodfish-Bd-It.otf") format("opentype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "LT Carpet";
  src: url("styles/fonts/lt-carpet/LT-Carpet.ttf") format("truetype");
}
@font-face {
  font-family: "LT Carpet Shadow";
  src: url("styles/fonts/lt-carpet/LT-Carpet-Shadow.ttf") format("truetype");
}
@font-face {
  font-family: "LT Carpet Gradient";
  src: url("styles/fonts/lt-carpet/LT-Carpet-Gradient.ttf") format("truetype");
}
@font-face {
  font-family: "LT Carpet Shadow Gradient";
  src: url("styles/fonts/lt-carpet/LT-Carpet-Shadow-Gradient.ttf") format("truetype");
}

@font-face {
  font-family: "Euphorogenic";
  src: url("/styles/fonts/Euphorigenic.otf") format("opentype");
}
@font-face {
  font-family: "Imperator";
  src: url("/styles/fonts/Imperator.ttf") format("truetype");
}
@font-face {
  font-family: "Imperator";
  src: url("/styles/fonts/Imperator-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Old London";
  src: url("/styles/fonts/Old-London.ttf") format("truetype");
}
@font-face {
  font-family: "Perfect DOS VGA 437";
  src: url("/styles/fonts/Perfect-DOS-VGA-437.ttf") format("truetype");
}
@font-face {
  font-family: "Thyromanes";
  src: url("/styles/fonts/Thyromanes.ttf") format("truetype");
}
@font-face {
  font-family: "VCR OSD Mono";
  src: url("/styles/fonts/VCR-OSD-Mono.ttf") format("truetype");
}