html, body, .game-demo-container {
  min-height: 100vh !important;
}

#header {
  display: flex;
  flex-direction: row;

  width: 100%;

  margin-bottom: 0.67em;

  justify-content: space-between;
  align-items: end;
}

#page-title {
  margin: 0.67em 0 0 0;
}

#login-button {
  background-color: #6441a5!important;
}

#account-button-container {
  display: flex;
  flex-direction: row;
}

.game-demo-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  box-sizing: border-box;
  box-shadow: 0px 0px 25px 0px light-dark(var(--light-darker), var(--dark-darker));

  background: light-dark(var(--light-foreground), var(--dark-foreground));

  padding: 50px;
}

.small-button {
  font-size: 1.0em;
  font-family: inherit;

  color: light-dark(var(--light-text), var(--dark-text));
  background-color: var(--logo);

  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 10px;
  margin: 0 3px;

  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

#game-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 2em;
}

.medium-button {
  font-size: 1.0em;
  display: inline-block;

  border-radius: 0.2em;

  background-color: var(--logo);
  cursor: pointer;
  padding: 5px 10px;
  margin: 0px 3px;
}

#game-controls {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}