body {
	font-family: courier new;
}

.beat {
	display: inline-block;
	width: 20%;
	height: 100px;
	border: 2px dashed blue;
}

img {
	height: 200px;
	width: 200px;
	margin: 30px;
}

.nav {
	cursor: pointer;
	display: inline-block;
	border: 2px solid gold;
	padding: 20px;
	-webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.map {
	display: inline-block;
	width: 260px;
	text-align: center;
}

.map1 {
	background-color: #FFD1DC;
}

.map2 {
	background-color: #AEC6CF;
}

.map3 {
	background-color: #C9FFC9;
}

.map4 {
	background-color: #FFFFE0;
}