.tile {
	box-sizing: border-box;

	width: 80px;
	height: 80px;

	transition: all 0.1s linear;

	color: #fff;

	cursor: pointer;

	position: relative;

	font-size: 30px;

	text-align: center;

	padding-top: 10px;

	border-radius: 3px;
}

.tile.active {
	font-weight: bold;
}

.tile.mb5 {
	margin-bottom: 5px;
}

.tile.mb10 {
	margin-bottom: 10px;
}

.tile span {
	position: absolute;

	color: black;

	text-align: center;

	bottom: 10px;

	width: 100%;

	font-size: 12px;

	left: 0;
}

.title:hover {
	font-size: 35px !important;
}

.tile.red {
	background-color: #0ca6d2;
}

.tile.red:hover {
	background-color: #AA0B0B;
}

.title.blue {
	background-color: #4aa3df;
}

.title.blue:hover {
	background-color: #4EAEEE;
}