html, body {
  overflow: hidden;
}

div#buttons {
  height: 50vh;
  flex-direction: column;
}

button.button {
  width: fit-content;
  height: 50px;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;

  background-color: var(--primary-colour, #FFFFFF);
  color: black;

  font-size: larger;
  font-family: var(--default-fonts);
  font-weight: bold;

  border: none;

  border-radius: 12.5px;

  transition: all 0.5s ease-in-out;
}

button.button:hover {
  transform: scale(1.3);

  background-color: var(--accent-colour, #FFFFFF);
  color: black;
}