body {
	background-color: #000;
	font-family: Arial, sans-serif;
	text-align: center;
	margin-top: 50px;
	color: #FFF;
}

p {}

a, a:hover {
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.8); /* Add a shadow */
}

.logo {
	filter: invert(1) drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.8));
	width: 10vw;
	margin-bottom: 30vh;
}

#downloadButton {
	padding: 20px 40px; /* Make the button larger */
	font-size: 24px; /* Increase font size */
	background-color: #007bff; /* Button color */
	color: white; /* Text color */
	border: none; /* Remove border */
	border-radius: 50px; /* Make it rounded */
	cursor: pointer; /* Pointer on hover */
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); /* Add a shadow */
	transition: transform 0.2s; /* Add hover effect */
}

#downloadButton:hover {
	transform: scale(1.1); /* Slightly enlarge on hover */
}

/* Fullscreen container */
.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

/* Individual images */
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

/* First image is visible by default */
.background-image:first-child {
  opacity: 0.8;
}