html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #242424;
  color: white;
}

footer {
  height: 30px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #2a2424;
  left: 0;
  /* Footer styling (background, color, etc.) as needed */
}

.table {
  color: white;
}

.scorebord-body {
  /* height: 100vh; Sets the height to 100% of the viewport height */
  min-height: calc(100vh - 30px);
  width: 100%; /* Optional, if you also want the div to fill the full width */
  /* Additional styling as needed */
  overflow: hidden;
  padding: 30px;
}
.scorebord-body .naam {
  padding-top: 80px;
  font-weight: bold;
  font-size: 300%;
}
.scorebord-body .gemaakt-inner {
  border: solid 5px #808080;
  margin-left: 8%;
  margin-right: 8%;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 1000%;
  border-radius: 30px;
  color: black;
  background-color: white;
}
.scorebord-body .beurten {
  border: solid 2px #808080;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 400%;
  border-radius: 10px;
}
.scorebord-body .details {
  border: solid 1px white;
  border-radius: 15px;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 0%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  font-size: xx-large;
}
.scorebord-body .detail-value {
  font-size: 150%;
}
.scorebord-body .details > video {
  margin-bottom: 10px;
}
.scorebord-body .blinker {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: inline-block;
}
.scorebord-body .blinker-small {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
}
.scorebord-body .blink-bg {
  color: #fff;
  border: solid 3px white;
  animation: blinkingBackground 2s infinite;
}
.scorebord-body .controlpanel {
  margin: 50px;
}
.scorebord-body .controlpanel .col-4 {
  border: solid 1px red;
}
.scorebord-body .verloop td, .scorebord-body .verloop th {
  border: solid 1px white;
}
.scorebord-body table.verloop td, .scorebord-body table.verloop th, .scorebord-body table.verloop tr {
  margin-right: 10px;
  padding-right: 10px;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinking-asterisk {
  animation: blink 1s linear infinite;
  color: red;
  /* Adjust the duration (1s here) as needed for faster or slower blinking */
}

@keyframes blink-white {
  0% {
    background-color: whitesmoke;
  }
  50% {
    background-color: transparent;
  }
  100% {
    background-color: whitesmoke;
  }
}
@keyframes blink-yellow {
  0% {
    background-color: yellow;
  }
  50% {
    background-color: transparent;
  }
  100% {
    background-color: yellow;
  }
}
.blinking-background {
  width: 200px; /* Your preferred width */
  height: 200px; /* Your preferred height */
  animation: blink 1s linear infinite;
}

/*body {

}




*/