#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  z-index: 50;
  cursor: pointer;
}

#text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.help-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  filter: invert(13%) sepia(68%) saturate(5424%) hue-rotate(341deg)
    brightness(98%) contrast(114%);
}

.help-button:hover {
  filter: invert(67%) sepia(50%) saturate(221%) hue-rotate(301deg)
    brightness(105%) contrast(95%);
}

.full-screen-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  filter: invert(13%) sepia(68%) saturate(5424%) hue-rotate(341deg)
    brightness(98%) contrast(114%);
}

.full-screen-button:hover {
  filter: invert(67%) sepia(50%) saturate(221%) hue-rotate(301deg)
    brightness(105%) contrast(95%);
}

.buttons-container {
  top: 0px;
  right: 0px;
  z-index: 40;
  position: absolute;
  display: flex;
  gap: 16px;
  padding: 16px;
}