* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  font-family: "Times New Roman", Times, serif;
}

html {
  background-color: black;
}

#text {
  display: inline-block;
  position: relative;
}

#text-slave {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 24px;
  text-align: center;
  width: 100%;
  text-shadow:
    3px 3px 8px black,
    -3px -3px 8px black,
    3px -3px 8px black,
    -3px 3px 8px black,
    6px 6px 10px black,
    -6px -6px 10px black,
    6px -6px 10px black,
    -6px 6px 10px black,
    9px 9px 12px black,
    -9px -9px 12px black,
    9px -9px 12px black,
    -9px 9px 12px black;
}


#noise-bg {
	position: fixed;
	top: -50%;
	left: -50%;
	right: -50%;
	bottom: -50%;
	width: 400%;
	height: 400vh;
	background: transparent
		url("noise.png")
		repeat 0 0;
	background-repeat: repeat;
	animation: 1000ms infinite noise;
	pointer-events: none;
	opacity: 0.4;
    mix-blend-mode: color-burn;
    z-index: 9999;
}

@keyframes noise {
  0%,
  100% {
    background-position: 0 0;
  }
  10% {
    background-position: -5% -10%;
  }
  20% {
    background-position: -15% 5%;
  }
  30% {
    background-position: 7% -25%;
  }
  40% {
    background-position: 20% 25%;
  }
  50% {
    background-position: -25% 10%;
  }
  60% {
    background-position: 15% 5%;
  }
  70% {
    background-position: 0 15%;
  }
  80% {
    background-position: 25% 35%;
  }
  90% {
    background-position: -10% 10%;
  }
}