body {
justify-content: center;
align-content: center;
text-align: center;
text-shadow:
0 0 3px #ffa200,
0 0 7px #ffa200, 
0 0 10px #c6560f,
0 0 15px #c6560f;
background-color: black; 
margin-top: 10px;
padding: 0;
background-color: black;
color: #e8ba04;
font-family: "Press Start 2P", system-ui;
font-weight: 200;
font-size: 9px;
font-style: normal;
line-height: 1.5;
height: 100%;
width: 100%;
}

body::before {
  mix-blend-mode: multiply;
  content: ""; /* Required for pseudo-elements */
  position: fixed; /* Keep the overlay covering the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #cbe522 !important;
  z-index: 9999; /* Ensure it stays on top of other content */
  pointer-events: none; /* Allows mouse events to pass through */
}

body::after {
  mix-blend-mode: overlay;
  content: ""; /* Required for pseudo-elements */
  position: fixed; /* Keep the overlay covering the viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://i.postimg.cc/LXJ8mQQs/tv.jpg');
  background-color: #ddd713;
  z-index: 9999; /* Ensure it stays on top of other content */
  pointer-events: none; /* Allows mouse events to pass through */
}

.bob {
       animation: choppy-bob 2s steps(4, end) infinite alternate;
    }
@keyframes choppy-bob {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px); /* Up position */
  }
  50% {
    transform: translateY(5);
  }
  75% {
    transform: translateY(-10px); /* Slightly lower up position */
  }
  100% {
    transform: translateY(0);
  }
}

.middle {
box-shadow: 0 0 20px 5px rgba(255, 144, 0, 0.1);
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #e8ba04;
overflow: hidden;
margin-top: 40px !important;
margin: auto;
flex-wrap: wrap;
box-sizing: border-box;
text-align: center;
justify-content: center;
align-content: center;
display: flex;
background-color: #1c1919 !important;
width: 1100px;
height: 800px;
}

.flickering-text {
  animation: flicker 1.5s infinite alternate; /* Apply the animation */
}

@keyframes flicker {
  0%, 5%, 15%, 20%, 25%, 50%, 56%, 100% {
    opacity: 1;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
  }
  20%, 24%, 55% {
    opacity: 0.7;
    text-shadow: none;
  }
  22% {
    opacity: 0.5;
    text-shadow: none;
  }
}