:root {
  font-family: "Century Gothic", sans-serif;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

body {
  display: block;
  margin: 0px;
}

#container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.512);
  background-image: linear-gradient(
      to bottom,
      rgba(5, 10, 7, 0.841),
      rgba(34, 92, 47, 0.73)
    ),
    url("Hintergrund.jpg");
  background-position: center;
  background-size: cover;
}

#score-display {
  display: flex;
  font-size: 35vmin;
  -webkit-text-stroke: 0.1dvw rgba(24, 24, 27, 0.908);
  color: #f5f5f5;
  filter: drop-shadow(1dvw 1dvw 1dvw #0000009a);
}

#score-display-left {
  text-align: center;
}

#score-display-center {
  text-align: center;
}

#score-display-right {
  text-align: center;
}

#time-display {
  font-size: 18vmin;
  -webkit-text-stroke: 0.1dvw rgba(24, 24, 27, 0.908);
  color: #f5f5f5;
  filter: drop-shadow(1dvw 1dvw 1dvw #0000009a);
  text-align: center;
  margin-bottom: 5vmin;
}

#team-display {
  font-size: 4dvw;
  max-width: 100%;
  max-height: 10dvh;
  align-items: center;
  display: flex;
  -webkit-text-stroke: 0.1dvw rgba(24, 24, 27, 0.908);
  color: #f5f5f5;
  filter: drop-shadow(1dvw 1dvw 1dvw #0000009a);
}

#team-display-left {
  width: 45dvw;
  text-align: center;
  overflow: hidden;
}
#team-display-center {
  width: 10dvw;
  text-align: center;
  overflow: hidden;
  font-style: italic;
}
#team-display-right {
  width: 45dvw;
  text-align: center;
  overflow: hidden;
}

#sponsor-image {
  max-height: 10dvh;
  max-width: 50dvw;
  filter: drop-shadow(1dvw 1dvw 1dvw #0000009a);
  margin-top: 10vmin;
  margin-bottom: 5vmin;
}

.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}