@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/outfit-latin.woff2") format("woff2");
}

* {
  box-sizing: border-box;
}

html {
  background: #000;
  color: #f5f3ed;
  font-family: "Outfit", sans-serif;
}

body {
  margin: 0;
}

header,
main,
footer {
  width: min(900px, calc(100% - 40px));
  margin-inline: auto;
}

header {
  padding: 32px 0 20px;
}

header img {
  display: block;
  width: auto;
  height: 64px;
}

main {
  padding: 10px 0 48px;
}

h1 {
  margin: 16px 0 8px;
  font-size: clamp(32px, 7vw, 52px);
}

h2 {
  margin: 36px 0 10px;
  color: #ffc40b;
  font-size: clamp(22px, 4vw, 28px);
}

p,
li {
  color: #d4d2cc;
  font-size: 18px;
  line-height: 1.65;
}

a {
  color: #f5f3ed;
  text-underline-offset: 3px;
}

a.legal-link {
  color: #f5f3ed;
}

.updated {
  color: #aaa;
}

footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 22px 0 36px;
  border-top: 1px solid #3a3636;
}