body {
	background:#000;
	color:#fff;
	text-align:center;
	margin:0;
	image-rendering: pixelated;
	font-family: system-ui;
}

p {
  white-space:pre-line;
  margin-bottom:0;
}

#about:hover {
  cursor:pointer;
}

#mystery-wrapper {
	margin:0 auto;
	padding:2em 0 0;
	max-width: 600px;
}
#big-links {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
#big-links .link {
	margin:1em;
	max-width: 100%;
	text-align:center;
	width: 200px;
}
img {
	max-width: 100%;
}
@media only screen and (max-width: 768px) {
	#big-links .link {
		max-width: 40%;
	}
}

/* Hide details arrow */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}