@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');

h1, h3 {
	color: white;
	font-size: 100px;
	font-family: 'Press Start 2P', cursive; /* Lucida Grande*/

}

button {
	background-color: rgb(0,0,128);
	border: none;
	color: white;
	text-align: center;
	font-family: 'Press Start 2P', cursive;
	font-size: 20px;
	padding: 15px 32px;

}

button:hover{
	background-color: rgb(72,61,139);
}

p {
}

h3 {
	font-size: 12px;
	position: fixed;
	left: 10%;
	right: 10%;
    bottom: 0;
}

#preview {
	visibility: hidden;
}

#instruct {
	background-color: transparent;
	color: gray;
	font-family: 'Press Start 2P', cursive;
	font-size: 10px;
	padding: 5px 20px;
}

#hide {
	margin-top: 100px;
}

#instructions {
	visibility: hidden;
	font-size: 0px;
	font-family: 'Andale Mono';
	color: white;
}

#instruct:hover{
	color: white;
	background-color: rgb(72,61,139);
}

#ways{
	color: cornflowerblue;
}

#mode{
	margin-left: 27%;
	margin-right: 15%;

}

#keys{
	text-align: center;
}

body {
	background-color: black;
}

canvas {
	border: 2px dotted black;
}