#hedgehogArea {
	position: relative;
	width: 100%;
	height: 50px;
}

#title {
	text-align: center;
}

#header {
	margin-left: auto;
	margin-right: auto;
}

.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12 {width: 100%;}

#gameArea {
	display: flex;
	flex-wrap: wrap;
}

#msgArea {
	background-color: lightgray;
	overflow-y: scroll;
	height: 5em;
}

#msgArea p {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	padding-bottom: .2em;
	margin: 0;
}

#msgArea p:first-child {
	padding-top: .8em;
}

#msgArea p:last-child {
	padding-bottom: .8em;
}

#goalArea h2{
	font-family: sans-serif;
	font-size: 1em;
}

/*[class^="col-s"] {
	height: auto;
}*/