body{
	background-color: #121213;
	font-family: Helvetica Bold, Roboto, sans-serif;
}
#Ban{
	height: 100px;
	width: 400px;
	background-color: #121213;
	margin: auto;
	color: #818384;
	font-size: 100px;
	text-align: center;

}
#board{
	height: 672px;
	width: 672px;
	background-color: #121213;
	margin: auto;

}

#row0 {
	height: 112px;
	width: 672px;
	background-color: #121213;

	
}
#letter0{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
	
}

#letter1{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;

}

#letter2{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter3{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter4{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter5{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}


#row1 {
	height: 112px;
	width: 672px;
	background-color: #121213;
	
}
#letter6{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter7{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter8{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter9{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter10{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter11{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#row2 {
	height: 112px;
	width: 672px;
	background-color: #121213;
	
}
#letter12{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter13{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter14{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter15{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter16{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter17{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#row3 {
	height: 112px;
	width: 672px;
	background-color: #121213;
	
}
#letter18{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter19{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter20{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter21{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter22{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter23{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#row4 {
	height: 112px;
	width: 672px;
	background-color: #121213;
	
}
#letter24{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter25{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter26{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter27{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter28{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter29{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#row5 {
	height: 112px;
	width: 672px;
	background-color: #121213;
	
}
#letter30{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter31{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter32{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter33{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter34{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}

#letter35{
	height: 100px;
	width: 100px;
	background-color: #121213;
	float: left;
	border-style: solid;
	border-color: #3a3a3c;
	text-align: center;
	
	color: #FFFFFF;
	font-size: 95px;
	margin: 3px;
}


#keyboard{
	height: 150px;
	width: 450px;
	background-color: #121213;
	float:center;
	margin: auto;


}
#kr1{
height: 41px;
width: 410px;
	background-color: #121213;
	float:center;
	margin: auto;
}
#kr2{
	height: 41px;
width: 369px;
	background-color: #121213;
	float:center;
	margin: auto;
}
#kr3{
	height: 41px;
width: 469px;
	background-color: #121213;
	float:center;
	margin: auto;
}
#A {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#B {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#C {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#D {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#E {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#F {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#G {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#H {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#I {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#J {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#K {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#L {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#M {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#N {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#O {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#P {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#Q {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#R {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#S {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#T {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#U {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#V {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#W {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#X {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#Y {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#Z {
	border-radius: 7px;
	height: 35px;
	width: 35px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#Enter {
	border-radius: 7px;
	height: 35px;
	width: 80px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#Delete {
	border-radius: 7px;
	height: 35px;
	width: 90px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
	float:left;
}

#message {

	height: 50px;
	width: 636px;
	background-color: #121213;
	
	color: #FFFFFF;
	font-size: 25px;
	text-align: center;
		margin: auto;
}

#new {
	border-radius: 7px;
	height: 35px;
	width: 160px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;
	
	font-size: 30px;
	color: #FFFFFF;
		margin: auto;
}
#textbox {
		border-radius: 7px;
	height: 35px;
	width: 160px;
	background-color: #818384;
	border-style: solid;
	border-color: #121213;
	text-align: center;

		margin: auto;
}