@charset "UTF-8";
/* CSS Document */

#outerwrapper {
	width:101vh;
	height:414vw;
	transform: rotate(-90deg) translateX(-100vh);
	transform-origin: top left;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	margin-top:-3vh;
	margin-left:-1%;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
::-webkit-scrollbar {
  display:none;
}
#innerwrapper {
	width:414vw;
	height:100vh;
	transform: rotate(90deg) translateY(-100vh);
	transform-origin: top left;
	overflow-x:scroll;
}

#sky {
	background-color:deepskyblue;
	width:414vw;
	height:70vh;
	z-index:1;
}
#grass {
	background-color:forestgreen;
	width:414vw ;
	height:7vh;
	z-index:1;
}
#road {
	background-color:black;
	width:414vw;
	height:23vh;
	z-index:1; 
}

#signtext {
	background-color:saddlebrown;
	width:18vw;
	height:12vh;
	z-index:5;
	margin-top:-56vh;
	margin-left:15vw;
	border-radius:10px;
	color:gold;
	text-align:center;
	padding-top:4vh;
	font-size:1.75vw;
	font-family: loos-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
}
#signpost {
	background-color:saddlebrown;
	width:1.4vw;
	height:13vh;
	z-index:5;
	margin-left:23.3vw;
}
#signtext:hover {
	box-shadow: 5px 5px 10px gold, -5px 5px 10px gold, 5px -5px 10px gold, -5px -5px 10px gold;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#building1 {
	background-color:deeppink;
	width:20vw;
	height:57vh;
	margin-top:-57vh;
	margin-left:52vw;
	overflow:hidden;
}
#door1 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:10vw;
	margin-top:37vh;
	overflow:hidden;
}
.doorknob {
	background-color:gold;
	width:1vw;
	height:1vw;
	border-radius:1vw; 
	margin-left:5.5vw;
	margin-top:10vh;
}

#building2 {
	background-color:yellowgreen;
	width:18vw;
	height:68vh;
	margin-top:-70vh; /* +2 */
	margin-left:75vw; /* +3 */
	overflow:hidden;
}
#door2 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:8vw;
	margin-top:48vh;
	overflow:hidden;
}

#building3 {
	background-color:mediumpurple;
	width:26vw;
	height:61vh ;
	margin-left:97vw; /* +4 */
	margin-top:-59vh; /* -2 */
	overflow:hidden;
}
#door3 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:16vw;
	margin-top:41vh;
	overflow:hidden;
}

#building4 {
	background-color:sandybrown;
	width:21vw;
	height:65vh;
	margin-left:125vw; /* +2 */
	margin-top:-64vh; /* -1 */
	overflow:hidden;
}
#door4 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:11vw;
	margin-top:45vh;
	overflow:hidden;
}

#building5 {
	background-color:aqua;
	width:19vw;
	height:67vh;
	margin-left:150vw; /* +4 */
	margin-top:-68vh; /* +1 */
	overflow:hidden;
}
#door5 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:9vw;
	margin-top:47vh;
	overflow:hidden;
}

#building6 {
	background-color:orangered;
	width:20vw;
	height:57vh;
	margin-top:-57vh;
	margin-left:172vw;
	overflow:hidden;
}
#door6 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:10vw;
	margin-top:37vh;
	overflow:hidden;
}

#building7 {
	background-color:darkorange;
	width:18vw;
	height:68vh;
	margin-top:-70vh; /* +2 */
	margin-left:195vw; /* +3 */
	overflow:hidden;
}
#door7 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:8vw;
	margin-top:48vh;
	overflow:hidden;
}

#building8 {
	background-color:steelblue;
	width:26vw;
	height:61vh;
	margin-left:217vw; /* +4 */
	margin-top:-59vh; /* -2 */
	overflow:hidden;
}
#door8 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:16vw;
	margin-top:41vh;
	overflow:hidden;
}

#building9 {
	background-color:mediumvioletred;
	width:21vw;
	height:65vh;
	margin-left:245vw; /* +2 */
	margin-top:-64vh; /* -1 */
	overflow:hidden;
}
#door9 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:11vw;
	margin-top:45vh;
	overflow:hidden;
}

#building10 {
	background-color:lightcoral;
	width:19vw;
	height:67vh;
	margin-left:270vw; /* +4 */
	margin-top:-68vh; /* +1 */
	overflow:hidden;
}
#door10 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:9vw;
	margin-top:47vh;
	overflow:hidden;
}

#building11 {
	background-color:greenyellow;
	width:20vw;
	height:57vh;
	margin-top:-57vh;
	margin-left:292vw;
	overflow:hidden;
}
#door11 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:10vw;
	margin-top:37vh;
	overflow:hidden;
}

#building12 {
	background-color:rebeccapurple;
	width:18vw;
	height:68vh;
	margin-top:-70vh; /* +2 */
	margin-left:315vw; /* +3 */
	overflow:hidden;
}
#door12 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:8vw;
	margin-top:48vh;
	overflow:hidden;
}

#building13 {
	background-color:orchid;
	width:26vw;
	height:61vh;
	margin-left:336vw; /* +3 */
	margin-top:-59vh; /* -2 */
	overflow:hidden;
}
#door13 {
	background-color:saddlebrown;
	width:7vw;
	height:20vh;
	margin-left:16vw;
	margin-top:41vh;
	overflow:hidden;
}

#repainttext {
	background-color:saddlebrown;
	width:18vw;
	height:13vh;
	z-index:5;
	margin-top:-30vh;
	margin-left:381vw;
	border-radius:10px;
	color:gold;
	text-align:center;
	padding-top:4vh;
	font-size:1.9vw;
	font-family: loos-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
}
#repaintpost {
	background-color:saddlebrown;
	width:1.4vw;
	height:13vh;
	z-index:5;
	margin-left:389.3vw;
}
#repainttext:hover {
	box-shadow: 5px 5px 10px gold, -5px 5px 10px gold, 5px -5px 10px gold, -5px -5px 10px gold;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#endmarker {
	background-color:white;
	width:1vw;
	height:1vh;
	margin-left:413vw;
	opacity:0%;
}