.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: black; /* Or use a dark background color of your choice */
}

.loader-text {
  font-size: 4em;
  color: white; /* Or use a light color to contrast with the background */
  text-shadow: 0 0 10px red,
              0 0 20px red,
              0 0 30px red; /* Simulate dripping blood */
  animation: blood-drip 2s linear infinite;
}

@keyframes blood-drip {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
/* Existing CSS */

.button-container {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Adjust the spacing between buttons */
  margin-top: 20px; /* Adjust the top margin */
}

.game-button {
  background-color: #333; /* Or use a color of your choice */
  color: white;
  padding: 15px 30px;
  border: none;
  border-radius: 5px; /* Adjust the border-radius for rounded corners */
  font-size: 1.2em;
  cursor: pointer;
}

.game-button:hover {
  background-color: #555; /* Darken the background on hover */
}
/* Existing CSS */

body {
  background-image: url("Horror.gif"); /* Replace with actual path to Horror.gif */
  background-size: cover;
  background-repeat: no-repeat;
}