#gameBody{
	width: 100vw;
	height: 100vh;
	background-image: url(images/street.png);
	background-size: cover;
	margin: 0;
}

@keyframes cab1-animation{
	0% {left: 2vw; top: 47vh;}
	100%{ left: 93vw;top: 37vh;}
}

@keyframes cab2-animation{
	0% {left: 65px; top: 30px;}
	100%{ left: 20px;top: 250px;}
}

@keyframes cab3-animation{
	0% {left: 430px; top: 0px;}
	100%{ left: 460px;top: 250px;}
}

@keyframes cab4-animation{
	0% {left: 450px; top: 550px;}
	100%{ left: 480px;top: 270px;}
}

@keyframes cab5-animation{
	0% {left: 735px; top: 250px;}
	100%{ left: 705px; top: 0px;}
}

@keyframes cab6-animation{
	0% {left: 765px; top: 250px;}
	100%{ left: 755px; top: 500px;}
}

.foot{
	position: absolute;
	height: 5vh;
	width: 5vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(images/foot.png); 
}

.scoreTracker{
	position: absolute;
	height: 90px;
	width: 150px;
	background-color: #c2bbce;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	font-family: Courier;
	padding: 5px;
	z-index: 2;
}

.apt{
	background-image: url(images/apt.png);
	background-size: cover;
	padding: 3px;
	margin: 0;
	height: 90px;
	width: 90px;
	position: absolute;
	top: 500px;
	left: 70px;
	z-index: 2;
}

.train{
	background-image: url(images/train.png);
	background-size: cover;
	padding: 3px;
	height: 60px;
	width: 90px;
	position: absolute;
	transform: rotateZ(-8deg);
	top: 90px;
	left: 900px;
	z-index: 2;
}

.tourist{
	background-image: url(images/tourist.png);
	background-size: cover;
	padding: 3px;
	margin: 0;
	height: 20px;
	width: 30px;
	position: absolute;
	transition: top 2s, left 2s;
  	transition-timing-function: linear;
}

.cab{
	background-image: url(images/taxi.png);
	background-size: cover;
	padding: 3px;
	height: 50px;
	width: 60px;
	position: absolute;
	transition: top 2s, left 2s;
  	transition-timing-function: linear; 	
}

#cab1{
	animation: cab1-animation 2s linear alternate infinite;
}

#cab2{
	animation: cab2-animation 1.5s linear alternate infinite;
}

#cab3{
	animation: cab3-animation 2s linear alternate infinite;
}

#cab4{
	animation: cab4-animation 3s linear alternate infinite;
}

#cab5{
	animation: cab5-animation 1s linear alternate infinite;
}

#cab6{
	animation: cab6-animation 2s linear alternate infinite;
}

.bike{
	background-image: url(images/bike.png);
	background-size: cover;
	padding: 3px;
	height: 40px;
	width: 70px;
	position: absolute;
	transition: top 2s, left 2s;
  	transition-timing-function: linear;
}

.rat{
	background-image: url(images/rat.png);
	background-size: cover;
	padding: 3px;
	height: 60px;
	width: 110px;
	position: absolute;
	transition: top 2s, left 2s;
  	transition-timing-function: linear;
}

.coffee{
	background-image: url(images/coffee.png);
	background-size: cover;
	padding: 3px;
	margin: 0;
	height: 30px;
	width: 20px;
	position: absolute;
	transition: top 2s, left 2s;
  	transition-timing-function: linear;
}