html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px; /* Adjust height as needed */
  background-color: rgba(255, 0, 0, 0.75); /* Full-width red bar with higher opacity */
  z-index: 9999;
}

body::before,
body::after {
  content: "OFFICE PROD";
  position: fixed;
  top: 0;
  color: white;
  padding: 5px 15px;
  font-size: 15px;
  z-index: 10000;
  animation: blink 4s infinite;
}

body::before {
  left: 25%; /* Slightly left of center */
  transform: translateX(-50%);
}

body::after {
  left: 75%; /* Slightly right of center */
  transform: translateX(-50%);
}

@keyframes blink {
  0%, 100% { opacity: 0.9; }
  50% { opacity: 0.7; }
}