@font-face {
  font-family: Adwaita;
  src: url(/assets/AdwaitaSans-Regular.ttf);
}

* {
  padding: 0;
  margin: 0;
}

html, body {
  /* background-color: var(--background-colour); */
  background-image: linear-gradient(45deg, var(--background-colour), var(--background-colour-gradient));

  color: var(--text-colour);
  font-family: Adwaita;
  font-size: 21px;

  overflow-x: hidden;
  scroll-behavior: smooth;

  padding: 0 1em;
  line-height: 1.4;
}

:root {
  --background-colour: #222831;
  --background-colour-gradient: #1B262C;
  --crust-colour: #393E46;
  --text-colour: #EEEEEE;

  --accent-colour: #E9B3FB;
  --accent-colour-gradient: #E45A92;
}

a {
  text-decoration: none;
}

section  {
  min-height: 100vh;
}

.centre {
  display: flex;

  justify-content: center;
  align-items: center;

  text-align: center;
}

.column {
  flex-direction: column;
}

.accent {
  color: var(--accent-colour);
}