body {
	font-family: 'Patrick Hand', 'Arial', sans-serif;
	text-align: center;
	background-color: #fbd598; /* Peach background */
	color: #ff4500; /* Orange-red text */
	padding: 20px;
}

body::before {
	content: '';
	position: fixed; /* or absolute; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('gmeow.webp');
	background-size: cover;
	background-position: center;
	opacity: 0.4;
	z-index: -1; /* Ensure the image stays behind the content */
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

h1 {
	font-size: 60px;
	animation: spin 6s linear infinite;
	color: #ffa07a; /* Light salmon */
}

a {
	font-weight: bold;
	display: inline-block;
	margin: 10px;
	padding: 10px 20px;
	background-color: #ff4500; /* Orange-red */
	color: white;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s;
}

a:hover {
	background-color: #ffa07a; /* Light salmon */
}

.container {
	max-width: 600px;
	margin: auto;
	background-color: #fefddf; /* Cornsilk */
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#playPauseBtn {
	background-color: orange;
	border: none;
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 5px;
	transition: all 0.3s ease;
}

#playPauseBtn:hover {
	background-color: #e69500;
}