h1 {
  font-family: B612;
  color: oklch(75% 50% 65grad);
}
h2 {
  font-family: B612;
  color: oklch(75% 30% 65grad);
}
hr {
  color: oklch(75% 30% 65grad);
}

time {
  color: oklch(90% 40% 165grad);
  font-style: italic;
  font-size: 0.9em;
}

nav {
  text-align: center;
  border-bottom: oklch(50% 25% 215grad) 0.1em solid;
}

blockquote {
  border: oklch(40% 25% 215grad) 0.1em solid;
  border-left: oklch(50% 25% 215grad) 0.2em solid;
  background-color: oklch(50% 20% 215grad / 20%);
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

figure {
  text-align: center;
}

img {
  width: 100%;
}

body {
  font-family: "Input Serif Condensed";
  background-color: oklch(25% 20% 215grad);
  background-image: url("n/natal/mask.svg");
  background-repeat: no-repeat;
  background-size: 7em auto;
  animation: 9s infinite steps(3, jump-none) anda;
  color: oklch(90% 10% 65grad);
}
@keyframes anda {
  from {
    background-position: top 2em right;
  }
  to {
    background-position: top 2em left;
  }
}

p {
  text-indent: 2em;
}
code {
  font-family: "Input Serif Condensed";
}

em {
  color: oklch(90% 40% 115grad);
}

a {
  color: oklch(90% 40% 215grad);
}

a:visited {
  color: oklch(90% 40% 315grad);
}

a:active {
  color: oklch(90% 40% 365grad);
}