body {
	margin: 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0%25' stop-color='skyblue' stop-opacity='1' /%3E%3Cstop offset='70%25' stop-color='skyblue' stop-opacity='0.3' /%3E%3Cstop offset='100%25' stop-color='skyblue' stop-opacity='0' /%3E%3C/linearGradient%3E%3Cfilter id='sky'%3E%3CfeTurbulence baseFrequency='0.003 0.005' numOctaves='10' /%3E%3CfeColorMatrix type='hueRotate' values='0'%3E%3Canimate attributeName='values' from='0' to='360' dur='30s' repeatCount='indefinite' /%3E%3C/feColorMatrix%3E%3CfeColorMatrix values='4.2 -4.6 3.1 -1.4 4.8 -0.8 -0.8 -1.9 2.7 4.4 0.8 -3.6 4.1 1.9 4.3 -3.4 0.1 1.7 3.5 -2.1' /%3E%3CfeComposite operator='in' in2='SourceGraphic' /%3E%3C/filter%3E%3C/defs%3E%3Crect height='100%25' width='100%25' fill='url(%23grad)' /%3E%3Crect height='100%25' width='100%25' filter='url(%23sky)' /%3E%3C/svg%3E");
	height: 100vh;
	overflow-y: hidden;
}
.newStreet {
	cursor: pointer;
}
.newStreet {
	position: fixed;
	bottom: 15px;
	right: 15px;
	height: 80px;
	width: 80px;
	font-family: monospace;
	text-transform: uppercase;
}
.streetSign {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 200%;
	font-family: monospace;
	padding: 8px 36px 8px 36px;
	border-radius: 10px;
	background: forestgreen;
	color: white;
	text-align: center;
	border: 4px solid white;
	box-shadow: 2px 2px 5px -3px #000;
	white-space: nowrap;
	z-index: 2;
	text-transform: uppercase;
}
.changing {
	animation: spin 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1;
}
@keyframes spin {
	from {
		transform: translate(-50%, -50%) rotateY(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotateY(360deg);
	}
}
.pole {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%);
	height: 50%;
	width: 20px;
	background: linear-gradient(90deg, silver 20%, gray, silver 98%);
	box-shadow: 2px 2px 5px -3px #000;
}