@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter.ttf') format('truetype');
  font-weight: 100 900;
  /* Allow any weight from 100 (thin) to 900 (black) */
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Italic.ttf') format('truetype');
  font-weight: 100 900;
  /* Allow any weight from 100 to 900 */
  font-style: italic;
}

:root {
  --font-family: "Inter", system-ui, sans-serif;
  --max-width: 820px;
}

body {
  font-family: var(--font-family);
}

main {
  max-width: var(--max-width);
  margin: auto;
}

section {
  margin-bottom: 4rem;
}

header {
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.subtitle {
  color: var(--muted-color);
  font-weight: 300;
}

.timeline article {
  margin-bottom: 2rem;
}

.timeline time {
  font-size: 0.9rem;
  color: var(--muted-color);
}

footer {
  margin: 6rem 0 3rem;
  text-align: center;
  font-size: 0.9rem;
  color: var(--muted-color);
}

#theme-toggle {
  svg {
    height: 1.25em;
    vertical-align: -0.25em;
  }
}

:root[data-theme="dark"] {
  #theme-toggle {
    .fa-moon {
      display: none;
    }

    .fa-sun {
      display: inline-block;
    }
  }
}

:root[data-theme="light"] {
  #theme-toggle {
    .fa-moon {
      display: inline-block;
    }

    .fa-sun {
      display: none;
    }
  }
}