:root {
  --color-text: #dfdfdf;
  --color-background: rgb(150, 148, 126);
  --color-borders: rgb(150, 148, 126);
  --color-set-values: rgb(161, 0, 0);
  --primary-color: #ffffff;

  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.scoreboard {
  position: fixed;
  top: 0px !important;
  left: 0px !important;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(8, 12.5%);
  grid-template-rows: repeat(9, 11.1%);
  background-color: rgb(54, 54, 54);
}

.set_label {
  grid-column: 4 / 6;
  grid-row: 3 / 3;
  border-right-style: solid;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  color: var(--color-text);
  text-align: center;
  place-content: center;
  font-size: 9vh;
}

.team_left {
  grid-column: 1 / 5;
  grid-row: 1 / 3;
  color: var(--color-text);
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  font-size: 10vh;
}

.set_value_left {
  grid-column: 4 / 4;
  grid-row: 3 / 5;
  color: var(--color-text);
  border-bottom-style: solid;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  font-size: 14vh;
  font-weight: bold;
  color: var(--color-set-values);
}

.set_value_right {
  grid-column: 5 / 6;
  grid-row: 3 / 5;
  color: var(--color-text);
  border-bottom-style: solid;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  font-size: 14vh;
  font-weight: bold;
  color: var(--color-set-values);
}

.team_right {
  grid-column: 5 / 9;
  grid-row: 1 / 3;
  color: var(--color-text);
  border-top-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  font-size: 10vh;
}


.set_points_left_1 {
  grid-column: 4 / 5;
  grid-row: 5 / 5;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_left_2 {
  grid-column: 4 / 5;
  grid-row: 6 / 6;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_left_3 {
  grid-column: 4 / 5;
  grid-row: 7 / 7;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_left_4 {
  grid-column: 4 / 5;
  grid-row: 8 / 8;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_left_5 {
  grid-column: 4 / 5;
  grid-row: 9 / 9;
  border-left-style: solid;
  border-bottom-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_right_1 {
  grid-column: 5 / 6;
  grid-row: 5 / 5;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_right_2 {
  grid-column: 5 / 6;
  grid-row: 6 / 6;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_right_3 {
  grid-column: 5 / 6;
  grid-row: 7 / 7;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_right_4 {
  grid-column: 5 / 6;
  grid-row: 8 / 8;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.set_points_right_5 {
  grid-column: 5 / 6;
  grid-row: 9 / 9;
  border-right-style: solid;
  border-bottom-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-size: 9vh;
}

.score_team_left {
  grid-column: 1 / 4;
  grid-row: 3 / 10;
  border-bottom-style: solid;
  border-left-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-weight: bold;
  font-size: 50vh;
}

.score_team_right {
  grid-column: 6 / 9;
  grid-row: 3 / 10;
  border-bottom-style: solid;
  border-right-style: solid;
  border-width: 0.5vw;
  border-color: var(--color-borders);
  text-align: center;
  place-content: center;
  color: var(--color-text);
  font-weight: bold;
  font-size: 50vh;
}