* {
	margin: 0;
	padding: 0;
}


.dblue {
	background-color: #5352a0;
}

.lblue {
	background-color: #5ca6c7;
}

.green {
	background-color: #4abe58;
}

.red {
	background-color: #f55c53;
}

.orange {
	background-color: #f5b253;
}

.yellow {
	background-color: #fafe5e;
}


body {
	margin: 0;
	padding: 0;
	background: #1d1f2b;
}


.color-selector {
	width: 70px;
	height: 70px;
	display: inline-block;
	margin-right: 20px;
}


.grid-row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.grid-cell {
	width: 35px;
	height: 35px;
	display: inline-block;

	// just for debugging
	// outline: 1px solid;
}


#container {
	background-color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	padding-right:auto;
	padding-left:auto;
	width: 620px;
	height: 100%;
}


#title-container {
	color: #1d1f2b;
	font-family: Verdana, Helvetica;
	height: 80px;
	display: table;
	padding-left: 30px;
}


#title-container h1 {
	width: 70%;
	display: table-cell;
	vertical-align: middle;
}


#ctrl-container {
	display: table-cell;
	vertical-align: middle;
}


#moves-container {
	display: inline-block;
	width: 60px;

}


#btn-restart {
	color: white;
	background-color: #1d1f2b;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border: none;
	border-radius: 2px;
	width: 80px;
	height: 30px;
}


#game-container {
	text-align: center;
	width: 100%;
	height: 100%;
}


#pallete-container {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
}


#grid {
	padding: 0;
	margin: 0;
	font-size: 0px;
}