@charset "utf-8";
/* CSS Document */

#main {
    	display: flex;
	justify-content: center;
	font-family: sans-serif;
}
	  
#the_content {
	flex-direction: column;
	justify-content: center;
}

#the_menu {
	background-color: #906;
	justify-content: center;
	text-align:center;
	color: #FFF;
	padding: 5px;
}

#the_words {
	background-color: #936;
	justify-content: center;
	text-align:center;
}

#the_keys {
	background-color: #966;
	justify-content: center;
	text-align:center;
}

#the_add {
	background-color: #906;
	justify-content: center;
	text-align:center;
	color: #FFF;
	padding: 5px;
}
#the_add a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}

.w_rowcontainer {
	display: flex;
	flex-direction: row;
	}

#w1 {
	margin: 5px;
	}
#w2 {margin: 5px;}
#w3 {margin: 5px;}
#w4 {margin: 5px;}

.w_row1 { 
	background-color:#FCC;
	display: flex;
	flex-direction: row;
	}
.w_row2 { 
	background-color:#ECC;
	display: flex;
	flex-direction: row;
	}
.w_row3 { 
	background-color:#DCC;
	display: flex;
	flex-direction: row;
	}
.w_row4 { 
	background-color:#CCC;
	display: flex;
	flex-direction: row;
	}
.w_row5 { 
	background-color:#BCC;
	display: flex;
	flex-direction: row;
	}
.w_row6 { 
	background-color:#ACC;
	display: flex;
	flex-direction: row;
	}
.w_row7 { 
	background-color:#9CC;
	display: flex;
	flex-direction: row;
	}
.w_row8 { 
	background-color:#8CC;
	display: flex;
	flex-direction: row;
	}
.w_row9 { 
	background-color:#7CC;
	display: flex;
	flex-direction: row;
	}

.w_letter1 {
	width: 20px;
	height: 20px;
	border: #000 1px solid;
	padding: 2px;
	}
.w_letter2 {
	width: 20px;
	height: 20px;
	border: #000 1px solid;
	padding: 2px;
	}
.w_letter3 {
	width: 20px;
	height: 20px;
	border: #000 1px solid;
	padding: 2px;
	}
.w_letter4 {
	width: 20px;
	height: 20px;
	border: #000 1px solid;
	padding: 2px;
	}
.w_letter5 {
	width: 20px;
	height: 20px;
	border: #000 1px solid;
	padding: 2px;
	}

.k_row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	}

.k_single {
	width: 20px;
	height: 20px;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 2px;
	cursor: pointer;
	}