body {
font-family: 'Rancho', cursive;
font-weight: bold;
margin: auto;
padding: 5%;
background-color: #F49D37;
}

.score,
.game {

color: #0A1128;

font-size: 28px;
}

#board {
width: 450px;
height: 450px;
}

#board .square {
width: 33.333333333%;
height: 33.333333333%;
background-color: #496DDB;
float: left;
text-align: center;
line-height: 155px;
}

.square {
font-size: 170px;
color: #2E4052;
border: 2px dashed #F49D37;
}

.topRow {
	border-top: none;
}

.right {
	border-right: none;
}

.botRow {
	border-bottom: none;
}

.left {
	border-left: none;
}

.topRow.right {
	border-radius: 0 10% 0 0;
}

.topRow.left {
	border-radius: 10% 0 0 0;
}

.botRow.right {
	border-radius: 0 0 10% 0;
}

.botRow.left {
	border-radius: 0 0 0 10%;
}


#data-bottom,
#data-top {
width: 450px;
}

.btnText {
color: #0A1128;
font-size: 50px;
}
