html, body { margin: 0;  padding: 0; height: 100%; width: 100%; font-size: 5vh; }
body { background-color: #000000; }

div.panel { position: absolute; top: 0; left: 0; border: none; width:100%; height:100%; }
div.button { border: solid 1px #FFFFFF; border-radius: 5px 5px;
			font-weight: bold; background-color: #808080; 
			 padding: 4px; color: #FFFFFF; width: 90%; margin: 0 auto; 
			 cursor: pointer; text-align: center;
			 font-family: ariel, helvetica, sans-serif; }

div.control { position: absolute; border: none; background-position: 50% 50%;
				background-repeat: no-repeat; background-size: 100% ; }
div#panel_wrap { background-size: 100% auto; background-image: url("loading.jpg"); overflow: hidden;
				 background-repeat: no-repeat; position: fixed; top: 0px; left: 0px; width: 100%; height:100%; }
div#panel_main  { width: 100%; height: 100%; border: none; z-index: 1000; display: none; }
div#panel_title { text-align: center; width: 100%; height: 100%; border: none; z-index: 1000; display: none; }

div#canvas { position: fixed; top:0px; left:0px; width: 100%; height: 100%; }

div#title_image { background-image: url("title.png");
					background-repeat: no-repeat; background-size: contain;
					width: 100%; height: 50%; min-height: 50vh; background-position: 50%; }
div#topscore { color: #FFFFFF; font-weight: bold;
				z-index: 1; text-align: center; font-family: courier, monospace, fixedsys;  }

.button:hover { background-color: #4040FF; }