@import url(https://fonts.bunny.net/css?family=comfortaa:500|yomogi:400);

:root {
  --base: #eff1f5;
  --text: #4c4f69;
  --primary: #ea76cb;
  --secondary: #209fb5;
}

@media (prefers-color-scheme: dark) {
  :root {
    --base: #1e1e2e;
    --text: #cdd6f4;
    --primary: #f5c2e7;
    --secondary: #74c7ec;
  }
}

html {
  font-family: 'Comfortaa';

  color: var(--text);
  background: var(--base);
}

a {
  color: var(--primary);
}

a.nostyle {
  color: var(--text);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Yomogi';
}

h1 {
  font-size: 4rem;
}

h2.bold {
  font-weight: 900;
}

.container {
  max-width: 768px;
  margin: auto;
  padding: 0 2rem;
}

.section {
  margin-top: 4rem;
}

ul {
  list-style: none;
}