/*colorGame.css*/

body {
	background: rgb(60, 23, 10);
	
}


/*div {
	
	background: rgb(60, 23, 10);
}*/

.square {
	width: 25%;
	height: 25%;
	background: purple;
	padding-bottom: 30%;
	float: left;
	margin: 1.66%;
	border-radius: 50%;
	transition: background .6s;
	-webkit-transition: background .6s;
	-moz-transition: background .6s;
}
.selected{
	color: white;
	background: steelblue;
}

 #ribbon {
		background: white;
		text-align: center;
		height: 30px;
		color: grey;
		max-width: 90%;

 }

h1 {
	
}

 #scoreHeader {
 	width: 90%;
 	background: blue;
 	color: black;
 	text-align: center;
 }

 #header {
 	text-align: center;
	background: steelblue;
	color: white;
	margin: 0;
 	color: white;
 }


/* table {
 	align-content: center;
 	background: black;
 	border-color: black;
 	margin: 10 auto;
 }*/
 
.container {
	/*width: 15%;
	height: 15%;*/
	margin: 20px auto;
	max-width: 80%;
	background: black;
	border-width: 10px;
	text-align: center;
}


button {
	border: none;
	background: none;
	text-transform: uppercase;
	height: 100%;
	font-weight: 700;
	color: steelblue;
	letter-spacing: 1px;
	font-size: inherit;
	transition: all 0.3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	outline: none;

}
button:hover{
	color: white;
	background: steelblue;
}