* { /* for IMAGES specifically */
  image-rendering: pixelated;     /* Chrome, Edge, Safari */
  image-rendering: crisp-edges;   /* Firefox */
  image-rendering: -moz-crisp-edges; /* old Firefox */
}

body {
	background: black;
	font-family: "Verdana", sans-serif;
}

div.content {
	background: rgba(128, 128, 128, 0.5);
	width: 60%;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
	color: white;
}

a {
	outline-color: transparent;
}

a:link {
	color: pink;
}

a:visited {
	color: salmon;
}

a:hover {
	text-decoration: none;
	color: white;
	background: #f040f0;
}

/* Optimise Mobile */

@media (max-width: 500px) {
	div.content {
		width: 100% !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}
}

/* Banners */

.banner {
	width: 100%;
	height: 240px;
	background: url("/banners/default.png") center/cover no-repeat;
}

@media (max-width: 500px) {
	.banner {
		height: 136px !important;
	}
}

body.start	.banner { background-image: url("/banners/entrance.png"); }
body.about	.banner { background-image: url("/banners/about.png"); }
body.music	.banner { background-image: url("/banners/music.png"); }
body.fallhaven	.banner { background-image: url("/banners/fallhaven.png"); }