body {
	margin: 0 auto;
}

.btn:focus,
.btn:active {
	outline: none !important;
}

.topbar {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#title {
	font-size: 2em;
	font-weight: bold;
}

.buttons {
	text-align: center;
	margin: 0 auto;
}

.table {
	border: transparent;
	outline: 0 none;
}

.board {
	margin: 0 auto;
}

#level {
	text-transform: uppercase;
	font-size: 2em;
}

#message {
	text-align: center;
	margin: 0 auto;
	font-size: 2.5em;
}

.row1col1 {
	width: 20em;
	height: 20em;
}

.row1col2 {
	width: 20em;
	height: 20em;
}

.row2col1 {
	width: 20em;
	height: 20em;
}

.row2col2 {
	width: 20em;
	height: 20em;
}

#red {
	background-color: #F44336;
	border-top-left-radius: 45%;
	outline: 0 none;
	border-color: transparent;
	cursor: default;
}

#green {
	background-color: #4CAF50;
	border-top-right-radius: 45%;
	outline: 0 none;
	border-color: transparent;
	cursor: default;
}

#yellow {
	background-color: #FFEB3B;
	border-bottom-left-radius: 45%;
	outline: 0 none;
	border-color: #FFEB3B;
	cursor: default;
}

#blue {
	background-color: #2196F3;
	border-bottom-right-radius: 45%;
	outline: 0 none;
	border-color: #2196F3;
	cursor: default;
}

#yes,
#no {
	margin: 1px;
}

#resetGame {
	cursor: default;
}

.footer {
	margin-top: 5px;
	text-align: center;
}

footer a {
	text-decoration: none;
	font-weight: bold;
}

a:link,
a:visited {
	color: black;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: none;
	color: black;
}