style.css

html {
	height:370px;
	width:550px;
	overflow:hidden;
}
body {
	margin: 0;
	height: 100%;
	width: 100%;
}
#game {
	display:inline-block;
	width:100%;
	height:100%;
}
#overlay, #wantsToPlaySoundPromptOverlay {
	position:absolute;
	top:0;
	width:550px;
	height:370px;
	background-color: rgba(25,25,25,.9);
}
#loading-overlay {
	position:absolute;
	top:0;
	width:550px;
	height:370px;
	background-color: rgb(80,81,81);
}
#loading-text {
	text-align: center;
	vertical-align: middle;
	line-height: 360px;    
}
#mute {
	position:absolute;
	width:22px;
	height:22px;
	top:10px;
	left:10px;
	background-image:url('img/mute.svg');
}
#text-canvas {
	position:absolute;
	top:230px;
	left:180px;
}
.wf-loading {
	visibility: hidden;
}
.wf-active, .wf-inactive {
	visibility: visible;
}

* {
	color: white;
	font-family: "VT323";
}
button {
	outline: none;
}
.white-screen {
    position:absolute;
	top:0;
	width:550px;
	height:370px;
	background-color: #fff;
}
#black-screen {
	position: absolute;
	top: 0;
	width: 550px;
	height: 370px;
	background-color: #000;
}