body {
  background-color: #0a0a0a;
  color: #ffffff;
  overflow-x: hidden;
}
.film-grain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.04;
  background-image: url("https://www.transparenttextures.com/patterns/stardust.png");
}
.viewfinder-corner {
  width: 20px;
  height: 20px;
  border-color: #fdc500;
  position: absolute;
}
.viewfinder-tl {
  top: 0;
  left: 0;
  border-top-width: 2px;
  border-left-width: 2px;
}
.viewfinder-tr {
  top: 0;
  right: 0;
  border-top-width: 2px;
  border-right-width: 2px;
}
.viewfinder-bl {
  bottom: 0;
  left: 0;
  border-bottom-width: 2px;
  border-left-width: 2px;
}
.viewfinder-br {
  bottom: 0;
  right: 0;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.wasp-watermark {
  position: absolute;
  font-size: 400px;
  font-weight: 900;
  color: rgba(253, 197, 0, 0.03);
  z-index: -1;
  user-select: none;
  pointer-events: none;
  transform: rotate(-15deg);
}