body {
	color: white;
	background-color: black;
	background-image: url('https://askjer.com/img/question-mark.png');
	background-position: center;
	background-attachment: fixed; /* Optional: keeps image stationary during scroll */
	height: 100vh;
	margin: 0;
	padding: 0;
}

.headerDIV {
	position: fixed;
	top: -50px;
	left: 0;
	width: 100%;
	height: 250px; /* Adjust height as needed */
	background-color: black;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	text-align: center;
	font-family: monospace;
	font-size: 30px;
	margin: 5;
	padding: 5;
}

.bodyDIV {
	width: 100%;
	margin: 0;
	padding-top: 180px;
	padding-bottom: 14px;
	color: white;
	margin: 5;
	font-family: sans-serif;
	font-size: 20px;
	flex: 1; /* Allows content to fill available space */
	overflow-y: auto; /* Enables scrolling if content exceeds viewport */
}

.btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #003693;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

.btn:hover {
  background-color: #0056b3;
}

.footerDIV {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 14px; /* Adjust height as needed */
	font-family: sans-serif;
	font-size: 12px;
	background-color: black;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}

h1 {
}

p {
}

a:link {
	color: #6666aa;
}a:visited {
	color: #8888ff;
}a:hover {
	color: #aaaaff;
}a:active {
	color: #ffaaaa;
}