body {
  background-image: url("bg.jpg");
  background-size: cover;
  font-family: sans-serif;
  text-align: center;
  color: #fff; /* Ensure text readability on the background image */
}

header {
  margin-top: 100px;
  text-align: center; /* Center the logo horizontally */
  margin-bottom: 20px; /* Add some space below the logo */
}

header img {
  max-width: 100%; /* Ensure logo doesn't exceed container width */
  height: auto; /* Maintain aspect ratio */
}

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 20px;
}

h1 {
  font-size: 3em;
  margin-bottom: 15px;
  color: black;
}

p {
  color: black;
}

button {
  background-color: #000; /* Adjust button color as needed */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}