:root {
  --accent: #A294E5;
  --accent-bg: #CAC1EE;
  --accent-hover: #9486E1;
}

.flexnav {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
    flex-wrap:nowrap;
}

.flexnav .button {
  width:120px;
  text-align:center;
}

@media (max-width: 600px) {
  .flexnav {
    flex-direction: column;
  }
}

.centre {
    text-align:center
}


header * {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

header .button:hover {
  color:white;
}

header nav a:visited {
  color:white;
}