@import "./main.css";

.legal {
  max-width: 720px;
  margin: 0 auto;
  padding: 8em 0 5em 0;
}

.legal h1 {
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 0.3em;
}

.legal .updated {
  color: rgba(var(--accent-rgb), 0.55);
  margin-bottom: 3em;
}

.legal h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 2em 0 0.6em 0;
}

.legal p,
.legal li {
  line-height: 1.7;
  color: rgba(var(--accent-rgb), 0.75);
  margin-bottom: 0.8em;
}

.legal ul {
  list-style: disc;
  padding-left: 1.3em;
}

.legal a {
  display: inline;
  text-decoration: underline;
}

.legal a:hover {
  color: var(--accent-color);
}

footer .footer-meta {
  border-top: 0;
  margin-top: 0;
  padding: 2em 0;
}