@font-face {
	font-family: 'SuperMystery';
	src: url('fonts/SuperMystery.ttf') format('truetype');
 }
 body { background-color: #ffffff; font-family: 'SuperMystery', sans-serif; }
 header {
	 background-color: #f0a902;
	 color: white;
	 padding: 1rem;
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 z-index: 1000;
 }
.hamburger { font-size: 24px; cursor: pointer; user-select: none; }
	nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none; /* Hidden by default */
}
nav ul.open {
	display: block;
}
nav li {
	margin: 8px 0;
	color: #ffffff;
}
li a {
	color: #000000;
}
li a:visited {
	color: #444444;
}
@media (min-width: 768px) {
	.hamburger { display: none; }
	nav ul { display: block; }
	nav li { display: inline-block; margin-right: 15px; }
}
img {
  pointer-events: none;
}
footer {
	font-size: 8px;
	font-family: 'Arial', sans-serif;
}