html {
      background-image: "/Webpages/NeonCity/Images/CityWallpaper.jpg";
      background-size: cover; /* Ensures the GIF covers the entire element */
      background-repeat: no-repeat; /* Prevents the GIF from repeating if it's smaller than the element */
      background-position: center center; /* Centers the GIF horizontally and vertically */
      height: 100vh; /* Ensures the body takes up the full viewport height */
      margin: 0; /* Removes default body margin */
}

body {
  font-family: 'monospace';
  color: blue;
  font-size: 20px;
  overflow: hidden;
}

.w-container {
  border: 3px solid blue;
  background-color: rgba(0, 0, 0, 0.7);
  width: 500px;
  height: 250px;
  padding: 10px 10px;
  box-shadow: 0px 0px 50px 10px rgba(0, 0, 255, 0.5);
  margin: 20px;
  transition: box-shadow 0.1s ease-in-out;
}

.w-container:hover {
  box-shadow: 0px 0px 40px 15px rgba(0, 0, 255, 0.7);
}

.backgroundvid {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.button {
  width: 250px;
  padding: 15px;
  font-size: 1.2rem;
  border: 4px solid rgba(0, 0, 255, 0.7);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 0px 30px 10px rgba(0, 0, 255, 0.3);
  transition: background-color 0.3s, box-shadow 0.3s, text-shadow 0.3s;
  color: black;
  background-color: rgba(0, 0, 200, 0.5);
}
.button:hover {
  background-color: rgba(0, 0, 255, 0.8);
  color: white;
  box-shadow: 0px 0px 50px 15px rgba(0, 0, 255, 0.7);
}

.exit {
  width: 250px;
  padding: 15px;
  font-size: 1.2rem;
  border: 4px solid rgba(255, 0, 0, 0.7);
  border-radius: 3px;
  cursor: pointer;
  box-shadow: 0px 0px 30px 10px rgba(255, 0, 0, 0.5);
  transition: background-color 0.3s, box-shadow 0.3s, text-shadow 0.3s;
  color: white;
  background-color: rgba(255, 0, 0, 0.8);
}
.exit:hover {
  background-color: rgba(255, 150, 150, 1);
  color: red;
  box-shadow: 0px 0px 75px 35px rgba(255, 0, 0, 0.7);
}

.buttonarea {
  border: 3px solid blue;
  background-color: rgba(0, 0, 0, 0.7);
  width: 525px;
  height: 55px;
  padding: 20px;
  box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.7);
  margin: 400px 20px;
  transition: box-shadow 0.1s ease-in-out;
}

.catimage {
  border: 3px solid blue;
}

.catimage-container {
  border: 3px solid blue;
  background-color: rgba(0, 0, 0, 0.7);
  width: 525px;
  height: 55px;
  padding: 20px;
  box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.7);
  margin: 20px 10px;
  transition: box-shadow 0.1s ease-in-out;
}