:root {
  font-size: 12px;
}

body {
  background-color: #fff;
  color: #000;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin: 3rem auto;
  max-width: 50rem;
  padding: 0 1.5rem;
}

main {
  font-size: 2rem;
}

footer {
  color: #666;
  margin-top: 4em;
}

h1 {
  font-size: 3.2rem;
  letter-spacing: -0.02em;
  margin-bottom: 1em;
}

h1 a {
  font-weight: 600;
  text-decoration: none;
}

a {
  color: #000;
  font-weight: 600;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #000;
    color: #fff;
  }
  
  a {
    color: #fff;
  }
}

@media (min-width: 768px) {
  :root {
    font-size: 16px;
  }

  .address {
    display: block;
  }
}