html, body {
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}

body {
background-color: #fff;
-webkit-text-size-adjust: 100%;
}

.logo {
display: inline-block;
float: left;
margin: 3px 15px -2px 15px;
}

h1.title {
display: inline-block;
float: left;
font-family: varela round, arial rounded MT bold, arial, helvetica, san serif;
font-size: 15px;
font-weight: normal;
margin: 8px 0px;
}

#board {
align: center;
border-collapse: collapse;
margin: 10px;
}

.header {
height: 120px;
width: 608px;
}

#board td {
width: 120px;
height: 120px;
vertical-align: top;
padding: 0px;
border: solid 2px;
}

#board td div.free {
font-size: 24px;
font-weight: bold;
}

.indicator {
position: absolute;
z-index: 1;
width: 110px;
height: 110px;
border-radius: 100px;
opacity: 0.66;
margin: 5px;
cursor: pointer;
}

.contentShell {
display: table-cell;
height: 120px;
width: 120px;
margin: 0px;
padding: 0px;
vertical-align: middle;
}

.content {
max-width: 110px;
max-height: 110px;
font-family: Archivo Narrow, arial, helvetica, san serif;
font-size: 18px;
line-height: 125%;
color: #000;
padding: 5px;
word-wrap: break-word;
text-align: center;
overflow: hidden;
}

.pic {
max-width: 110px;
max-height: 110px;
width: auto;
height: auto;
}

.desmos {
height: 110px;
width: 110px;
margin: 0px;
}

.button {
margin: 10px;
cursor: pointer;
}

@media screen and (max-width: 640px) {
	 /* CSS for screens that are less than 640 pixels */
	.button {
	zoom: 2.5;
	}
}