html {
	image-rendering: pixelated;
	font-size: 1.1em;
	font-family: 'Atkinson Hyperlegible', sans-serif;
	color: $foreground-color;
	background: $background-color;
	line-height: 1.50;
	background-image: url("assets/stars4.gif");
	background-repeat: repeat;
}

@media only screen and (min-width: 600px) {
.center {
	background-color: $background-color;
	width: 50%;
	text-align: center;
	margin: auto;
	border: 5px solid #96CDFB;
}
}

@media only screen and (max-width: 600px) {
.center {
	background-color: $background-color;
	text-align: center;
	margin: 10px;
	border: 5px solid #96CDFB;
}
}

.content {
	margin: 5%;
	padding: 10px;
	text-align: left;
}