:root {
  --base-left-pos: 156px;
}

.player-pos {
  top: 60px;
  left: 5px;
  color: royalblue;
  font-size: 24px;
  font-weight: normal;
  font-family: 'Luckiest Guy', cursive;
}

.enen-pos {
  top: 116px;
  left: var(--base-left-pos);
}
.tweeen-pos {
  top: 138px;
  left: var(--base-left-pos);
}
.drieen-pos {
  top: 160px;
  left: var(--base-left-pos);
}
.vieren-pos {
  top: 182px;
  left: var(--base-left-pos);
}
.vijven-pos {
  top: 204px;
  left: var(--base-left-pos);
}
.zessen-pos {
  top: 226px;
  left: var(--base-left-pos);
}
.deel1_subtot-pos {
  top: 248px;
  left: var(--base-left-pos);
  color: royalblue;
}
.bonus-pos {
  top: 270px;
  left: var(--base-left-pos);
  color: royalblue;
}
.deel1_tot-pos {
  top: 292px;
  left: var(--base-left-pos);
  color: royalblue;
}
.dezelfde3-pos {
  top: 334px;
  left: var(--base-left-pos);
}
.carre-pos {
  top: 352px;
  left: var(--base-left-pos);
}
.fullhouse-pos {
  top: 370px;
  left: var(--base-left-pos);
}
.kleine_straat-pos {
  top: 388px;
  left: var(--base-left-pos);
}
.grote_straat-pos {
  top: 406px;
  left: var(--base-left-pos);
}
.yahtzee-pos {
  top: 425px;
  left: var(--base-left-pos);
}
.kans-pos {
  top: 444px;
  left: var(--base-left-pos);
}
.deel2_tot-pos {
  top: 465px;
  left: var(--base-left-pos);
  color: royalblue;
}
.deel1b_tot-pos {
  top: 485px;
  left: var(--base-left-pos);
  color: royalblue;
}
.tot_gen-pos {
  top: 505px;
  left: var(--base-left-pos);
  color: royalblue;
}