html,
body {
	height: 100%;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	background: #283048;
	background: -webkit-linear-gradient(to top, #283048, #859398 35%);  
	background: linear-gradient(to top, #283048, #859398 35%); 
	margin: 0;
	overflow: hidden;
}
a {
	color: inherit;
}
#hammer {
	height: 100%;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	background-image: url('/assets/bg/stars.fw.png');
	background-size: contain;
	background-position: center;
}
#hammer:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
#room {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	will-change: transform;
}
.panel {
	border: 1px solid #aaa;
	cursor: pointer;
	display: flex;
	height: 90px;
	padding: 3px;
	width: 160px;
	will-change: transform;
	/* Enable hardware acceleration to fix laggy transitions */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.panel .inner {
	background-color: #ccc;
	background-image: url('../bg.jpg');
	/*background-image: url('https://source.unsplash.com/random/?space,nature,water');*/
	background-position: center;
	background-size: cover;
	width: 100%;
}
.panel:nth-child(2) {
	height: 45px;
	position: relative;
	top: -62px;
	left: 20px;
	width: 90px;
}
.panel:nth-child(3) {
	height: 74px;
	position: relative;
	top: 62px;
	left: 30px;
	width: 119px;
}