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

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.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;
}

.small {
	font-size: 15px;
	color: #2E4052;
}