:root {
  --bgc: #567e4a; --c: #ffffed;
}

body, tbody {
  font-size: 8rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--bgc);
  color: var(--c);
}

div {
  display: flex;
  width: 100%;
  justify-content: center;
}

.club {
  flex-direction: column;
}

button {
  background-color: var(--bgc);
  color: var(--c);
  border-color: var(--c);
  font-size: 8rem;
  width: 100%;
  cursor: pointer;
}

button[data-active="true"] {
  background-color: var(--c);
  color: var(--bgc);
}

button[data-active="false"] {
  background-color: var(--bgc);
  color: var(--c);
}

button:focus {
  outline: none;
  box-shadow: none;
}

.half-width {
  display: flex;
  width: 50%;
}

.hidden {
  display: none;
}

.spacing-m {
  margin-bottom: 2rem;
}