.top{
	height: 35%;
	text-align: center;
}

.left, .right, .center{
	vertical-align: top;
}

.center {
	padding: 10px;
	width: 60%;
}

.left {
	width: 19%;
	text-align: right;
	padding-right: 60px;
}

.right {
	width: 21%;
	text-align: center;
	padding-right: 20px;
}

.input-container {
	width: 100%;
	height: 56px;
	border-style: solid;
	border-color: white;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#input-text {
	font-family: 'spaceinvaders', Fallback, sans-serif;
	font-size: 3em;
	float: right;
	color: white;
}

#outter-input-text {
	width:1109px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
}

.cursor {
	float: right;
	border: 2px;
	height:	50px;
	width: 0px;
	border-color: #a01d27;
	border-style: solid;
}

#keyboard {
	padding-top: 80px;
	max-width: 1125px;
}

.key-table{
	margin: 0 auto;
	width: 100%;
}

.key-key {
	font-family: 'spaceinvaders', Fallback, sans-serif;
	font-size: 3em;
	color: white;
	padding: 20px 21px 20px 25px;
	margin-right: 4px;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: transparent;
	text-align: center;
}

.keyfocus {
	color: #a01d27;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #a01d27;
}


.submit {
	color: white;
	border-style: solid;
	border-width: 6px;
	border-color: white;
	margin-left: 10%;
	margin-right: 10%;
}

.submit h3{
	margin: 28px 0px 20px 6px;
}

.submitkeyfocus{
	background: #a01d27;
}

#alert{
	color: #a01d27;
	background: black;
	position: absolute;
	text-align: center;
	margin: 0px;
	padding: 461.5px 582px 461px 582px;
}

#shooter, #splash, #shot{
	position: absolute;
}

#shooter{
	transition: left 0.2s ease;
}

#shot{
	transition: top 0.15s linear;
}

canvas {
  display: block;
  margin: auto;
  position :absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast
}

canvas.hidden{
	display: none;
}

.container.hidden{
	display: none;
}

p.legal{
	font-size:12.4px;
}