ColorGame.css

h1
{
	color:white;
	text-align:center;
	background-color:steelblue;
	margin:0;
	font-weight:normal;
	text-transform: uppercase;
	padding:20px 0;
	line-height: 1.1;
}


body
{
	background-color:#232323;
	margin:0;
	font-family:"Montserrat","Avenir";
}

.square
{
	margin:1.66%;
	background-color:pink;
	float:left;
	padding-bottom:30%;
	width:30%;
	border-radius:15%;
	transition:background 0.6s;
	-webkit-transition:background 0.6s;
	-moz-transition:background 0.6s;

}

#container
{
	max-width:600px;
	margin:20px auto;
}



#stripe
{
	height:30px;
	text-align:center;
	background-color:white;
}

.selected
{
	color:white;
	background-color:steelblue;
}

#colorDisplay
{
	font-size:200%;
}

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 0.6s;
	-moz-transition:all 0.6s;
	outline:none;
}

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

#message
{
	display:inline-block;
	width:20%;
}