body {
  background-image: url('/graphics/nurple-static-bright.gif');
  background-repeat: repeat;
  background-color: "#010101"; /* fallback */
}
h1 {
    font-family: "Playfair Display", serif; 
    font-weight: 500;
    font-style: normal;
    font-size: clamp(5vw, 20px);
}
h2 {
    font-family: "Playfair Display", serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    font-size: clamp(2vw, 12px);
}
p {
   font-family: "Quintessential", serif;
   font-weight: 400;
   font-style: normal;
   font-size: clamp(0.5vw, 8px);
}

.post {
  display: inline-block;
  transition: transform 0.2s ease;
}

.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: white;
  cursor: pointer;
  padding: 10px;
  user-select: none;
}

#prev { left: 10px; }
#next { right: 10px; }

.nav:hover {
  opacity: 0.7;
}