@charset "UTF-8";

#game {
	perspective: 700px;
	background-color: #09C;
}
#game #iluminacao {
	width: 100%;
	height: 100%;
    z-index: 3;
}
#game.not-filter #iluminacao {
	display: none;
}
#game.morning #iluminacao {
	background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(255,255,255,0) 70%);
}
#game.afternoon #iluminacao {
	background: linear-gradient(to bottom, rgba(255,200,50,0.8), rgba(0,0,0,0.2) 50%);
}
#game.night #iluminacao {
	background: linear-gradient(to bottom, rgba(200,200,200,0.5), rgba(0,0,0,0.4) 40%);
}
#game .sombra {
    width: 100%;
    height: 50%;
    transform-origin: 50% 100%;
    transform: translateX(50%) rotateY(-90deg) rotateX(90deg);
    background-color: #000;
    opacity: 0.6;
    bottom: 1px;
}
#game.night .sombra {
    display: none;
}
#mundo {
	width: 5000px;
    z-index: 2;
}
#mundo .pessoa {
	width: 16px;
	height: 40px;
	left: -8px;
	bottom: 1px;
	transform-origin: 50% 100%;
}
#mundo .pessoa .blusa {
	background-color: #090;
}
#mundo .pessoa .calca {
	background-color: #FE0;
}
#mundo .piso {
	width: 302px;
	height: 302px;
	left: -151px;
	overflow: hidden;
}
#mundo .grama,
#mundo .arbusto {
	background-color: #8c9d56;
}
#mundo .arbusto1 {
	width: 80px;
	height: 40px;
}
#mundo .arbusto2 {
	width: 30px;
	height: 25px;
}
#mundo .agua {
	background-color: #349fcb;
}
#mundo .lago {
	width: 302px;
	height: 50px;
}
#mundo .lago .face {
	background-color: rgb(134, 94, 60);
	transform-origin: 50% 0px;
}
#mundo .lago .topface {
	top: 7%;
	opacity: 0.7;
	background-color: #349fcb;
}
#mundo .lago .frontface {
	transform: rotateY(-90deg) translateX(50%) rotateY(90deg) rotateX(-30deg);
}
#mundo .lago .rightface {
	transform: translateX(50%) rotateY(90deg) rotateX(-30deg);
}
#mundo .lago .backface {
	transform: rotateY(90deg) translateX(50%) rotateY(90deg) rotateX(-30deg);
}
#mundo .lago .leftface {
	transform: translateX(-50%) rotateY(-90deg) rotateX(-30deg);
}
#mundo .lago .bottomface {
	top: 90%;
}
#mundo .arvore {
	width: 108px;
	height: 160px;
    border-radius: 100% 100% 20% 20%;
	background-color: #435b2a;
}
#mundo .arvore > .arvore {
    border-radius: inherit;
	transform: rotateY(90deg) translateX(2px) translateZ(-2px);
}
#mundo .arvore .light {
	opacity: 0;
}
#game.night .arvore .light {
	opacity: 0.7;
}
#mundo .arvore .sombra {
    height: 60%;
    border-radius: inherit;
    transform: rotateY(-90deg) rotateX(90deg);
}
#mundo .rua,
#mundo .curva,
#mundo .cruzamento {
	background-color: #474644;
}
#mundo .calcada {
	background-color: #a6987b;
}
#mundo .predio {
	width: 200px;
	height: 800px;
	left: -100px;
}
#mundo .predio1 {
	height: 450px;
}
#mundo .predio1 .topface {
	background-color: #cfd5dd;
}
#mundo .predio2 {
	height: 672px;
}
#mundo .predio2 .topface {
	background-color: #CCC;
}
#mundo .predio3 {
	height: 420px;
}
#mundo .predio3 .topface,
#mundo .predio3 .face {
	background-color: #938164;
}
#mundo .predio4 {
	height: 400px;
}
#mundo .predio4 .topface,
#mundo .predio4 .face {
	background-color: #bfae85;
}
#mundo .farmacia {
	width: 200px;
	height: 100px;
	left: -100px;
}
#mundo .restaurante {
	width: 220px;
	height: 80px;
	left: -110px;
}
#autor {
	position: absolute;
	bottom: 0px;
	width: 100%;
	line-height: 30px;
	text-align: center;
	text-shadow: 1px 1px 1px #111;
	margin: auto;
	color: #FFF;
}
#autor a {
	position: static;
	color: #09C;
	font-weight: bold;
	text-decoration: none;
}