body {
	background-color: #288068;
	font-family: Verdana, sans-serif;
}
#left {
	margin-left: calc(50% - var(--scale) * 120px); /*120px = magic number from half the widths of #left plus #right*/
	width: calc(var(--scale) * 200px);
	min-width: calc(var(--scale) * 200px);
	float: left;
	padding: 0;
}
#right {
	float: left;
	padding: 0;
}
td {
	border: none;
	text-align: left;
	padding: 0;
}
#gameinfo {
	width: 100%;
	border: calc(var(--scale) * 2px) #A0C0B0 solid;
	border-radius: calc(var(--scale) * 2px);
	box-shadow: 0px 0px 0px calc(var(--scale) * 1px) #404040;
	background-color: #F8F8F8;
}
.infoheader {
	color: #585850;
	font-weight: bold;
	font-size: calc(var(--scale) * 50%);
	text-shadow: calc(var(--scale) * 0.5px) calc(var(--scale) * 0.5px) #A8B8B8;
}
#gamescore li, #totalscore li, #leveldisplay li {
	font-size: 0;
	padding: 0;
	margin: 0;
	display: inline-block;
	height: calc(var(--scale) * 24px);
	width: calc(var(--scale) * 16px);
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	list-style-type: none;
}
#gamescore ul, #totalscore ul, #leveldisplay ul {
	font-size: 0; /*this is here solely so linebreaks don't render as whitespace*/
	padding: 0;
	margin: 0;
}
#gameboard {
	background-image: var(--gameboard);
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}
#memopad {
	background-image: var(--memopad);
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}
#options {
	background-image: var(--optionpad);
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}
#gameboard, #memopad, #options {
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	border-spacing: calc(var(--scale) * 8px);
}
#gameboard {
	background-size: calc(var(--scale) * 188px) calc(var(--scale) * 188px);
}
#memopad {
	background-size: calc(var(--scale) * 28px) calc(var(--scale) * 156px);
}
#options {
	background-size: calc(var(--scale) * 156px) calc(var(--scale) * 28px);
}
.gametile {
	transform: rotateY(180deg);
	outline-style: solid;
	outline-width: 0px;
	outline-color: #F80000;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}
.gametile:hover {
	outline-width: calc(var(--scale) * 2px);
}
.gametile, .infotile, .optiontile, .gametile_clicked {
	padding: 0;
	margin: 0;
	height: calc(var(--scale) * 24px);
	width: calc(var(--scale) * 24px);
	min-width: calc(var(--scale) * 24px);
	background-image: var(--spritemap) 0 0;
}
button #buttonhover {
	display: none;
}
button:hover #buttonnormal {
	display: none;
}
button:hover #buttonhover {
	display: inline;
}
button:hover {
	filter: brightness(120%);
}
#resetbutton {
	background-color: #4888F0;
	color: #F8F8F8;
	text-shadow: 0 calc(var(--scale) * 1px) #404040, 0 calc(var(--scale) * -1px) #404040, calc(var(--scale) * 1px) 0 #404040, calc(var(--scale) * -1px) 0 #404040;
	font-size: calc(var(--scale) * 100%);
	border: calc(var(--scale) * 1px) #3068E0 solid;
	border-radius: calc(var(--scale) * 2px);
	box-shadow: 0px 0px 0px calc(var(--scale) * 2px) #404040;
	height: calc(var(--scale) * 22px);
	width: 50%;
	float: left;
	margin-bottom: calc((1 + var(--scale)) * 0.2em);
}
#quitbutton {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	image-rendering: crisp-edges;
	background: url('1x-quit.png');
	background-size: calc(var(--scale) * 58px) calc(var(--scale) * 24px);
	height: calc(var(--scale) * 24px);
	width: calc(var(--scale) * 58px);
	border: none;
	background-color: none;
	float: right;
	margin-bottom: calc((1 + var(--scale)) * 0.2em);
}
#titletext {
	font-size: calc(var(--scale) * 2em);
	text-align: center;
	color: #E07050;
	text-shadow: 0 calc(var(--scale) * 2px) #D0E8E0, 0 calc(var(--scale) * -2px) #D0E8E0, calc(var(--scale) * 2px) 0 #D0E8E0, calc(var(--scale) * -2px) 0 #D0E8E0;
}