body {
  margin: 0;
  background:#1e1e1e;
  color:#fff;
  font-family: system-ui;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.hidden {
  display: none;
}

/* STARTSCREEN */
#home-screen {
  position: fixed;
  inset: 0;
  background: url('/public/assets/images/startscreen.jpg') center/cover no-repeat;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
  gap: 20px;
  z-index: 9999;
}

#home-screen h2 {
  font-size: 2.4rem;
  margin: 0;
}

#home-screen img {
  display: block;
  width: 500px; /* of wat jij mooi vindt */
  margin-bottom: 20px;
}

#home-screen button {
  padding: 12px 20px;
  font-size: 1.2rem;
  border-radius: 8px;
  margin-top:20px;
}

/* GAME UI */
#ui {
  display:flex;
  gap:16px;
  align-items:center;
  margin: 8px 0 16px;
}

#game {
  background:#222;
  border:2px solid #444;
}

button {
  padding:8px 14px;
  border:none;
  border-radius:6px;
  background:#4CAF50;
  color:#fff;
  cursor:pointer;
  margin-top: 8px;
  margin-right: 4px;
}

button:disabled {
  background:#4CAF50;
  cursor:default;
}

.hint {
  color:#bbb;
  font-size: 1.1rem;
  margin-top: 6px;
}