index.css

body {
  font-family: "Helvetica Neue Light", "Helvetica Neue", "DejaVu Sans",
    "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #2e3440;
  color: #a3be8c;
}

blockquote {
  font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Times,
    "Times New Roman", serif;
}

header blockquote {
  text-align: right;
  font-style: oblique;
}

header blockquote::before {
  content: open-quote;
}

header blockquote::after {
  content: close-quote;
}

header h1,
header .logo,
header .statement {
  font-family: Rosie, "Helvetica Neue Light", "Helvetica Neue", "DejaVu Sans",
    "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
  font-size: clamp(12pt, 6vw, 96pt);
}

nav {
  margin: 10% 10% 10% 10%;
}

header .logo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1000;
  overflow: hidden;
  font-size: 15000%;
}

footer {
  text-align: right;
}

a {
  text-decoration: none;
  display: block;
  padding: 0.2em 1em;
  font-size: 12pt;
  color: #c8d0e0;
}

a:hover {
  background-color: #4c566a;
}