Dungeon backgrounds

[oskarrough]

Right now we're changing "scene background" depending on the current floor.

This is OK, but is there another way we'd rather do it?
Also, we need a lot more backgrounds.

slaytheweb/src/ui/styles/app.css

Lines 178 to 223 in eb2a7c4

	.App-background {
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/images/scenes/moonlit-landscape-1904.jpg');
	}
	.App-background[data-room-index='1'] {
	background-image: url('/images/scenes/arietty.webp');
	}
	.App-background[data-room-index='2'] {
	background-image: url('/images/scenes/bauhaus.jpg');
	}
	.App-background[data-room-index='3'] {
	background-image: url('/images/scenes/chihiro.jpg');
	}
	.App-background[data-room-index='4'] {
	background-image: url('/images/scenes/howl.jpg');
	}
	.App-background[data-room-index='5'] {
	background-image: url('/images/scenes/laputa.jpg');
	}
	.App-background[data-room-index='6'] {
	background-image: url('/images/scenes/mononoke.jpg');
	}
	.App-background[data-room-index='7'] {
	background-image: url('/images/scenes/nausicaa.jpg');
	}
	.App-background[data-room-index='8'] {
	background-image: url('/images/scenes/1.jpg');
	}
	.App-background[data-room-index='9'] {
	background-image: url('/images/scenes/landscape.jpg');
	}
	.App-background[data-room-index='10'] {
	background-image: url('/images/scenes/flying-duo.jpg');
	}
	.App-background[data-room-index='11'] {
	background-image: url('/images/scenes/ponyo.jpg');
	}