:root {
  /* Fonts */
  --font-body: "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-title: "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Colours */
  --text-color: #454a49;
  --heading-color: #717675;
  --light-text-color: #707682;
  --link-color: #2188cd;
  --link-color-alt: #0d8c7d;
  --page-background: white;
  --element-background: #f4f6f5;
  --accent-color: var(--link-color-alt);
  --invalid-color: #cd6047;
}

body {
  font: var(--font-body);
  color: var(--text-color);
  background: var(--element-background);
}

.main {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}