body {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh; /* Full viewport height */
	margin: 0; /* Remove default margin */
	font-family: 'Press Start 2P', cursive;
	background: repeating-linear-gradient(
		45deg,
		#af8c00,
		#af8c00 10px,
		#6f4400 20px,
		#6f4400 20px
	);
}
.center-div {
	/* Optional styles */
	/*border: 1px solid #ccc; /* Just for visibility */
	padding: 10px; /* Optional padding */
}
img {
	max-width: 100%; /* Responsive image */
	height: auto; /* Maintain aspect ratio */
}

.retro-button {
	background-color: #988400;
	color: white;
	font-size: 16px;
	padding: 15px 30px;
	text-transform: uppercase;
	border: 4px solid #ffffff;
	box-shadow: 0 0 0 4px #333, 6px 6px 0 0 #000;
	cursor: pointer;
	transition: all 0.2s ease;
	text-align: center;
	font-family: 'Press Start 2P', cursive;
	letter-spacing: 2px;
}

.retro-button:hover {
	box-shadow: 0 0 0 4px #ffffff, 10px 10px 0 0 #000;
	background-color: #e2c400;
}

.retro-button:active {
	box-shadow: 0 0 0 4px #ffffff, 3px 3px 0 0 #000;
	transform: translate(3px, 3px);
}