/* /games/rainbow/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

* { /* reset */
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body { /* prevents text selection */
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
body {
	background-color:black;
	font-family:sans-serif;
	font-size:24px;
}
body {
	display:flex;
	justify-content: center;
	align-items: center;
}
.abs {
	position:absolute;
}
#box {
	position:relative;
	width: 980px;
	height:738px;
	overflow:hidden;
}
#scene, #overlay{
	left:0;
	top:0
}
#bigWizard {
	left:200px;
	top:100px;
}
#wizard {
  left: 808px;
  top: 7px;
}
.opacity6 {
	opacity:.6;
}
#rocks {
	left:520px;
	top:355px;
	opacity:.6
}
#rock_slide {
	left:210px;
	bottom:0px;
}
#picture {
	left:50px;
	top:50px;
}
#a1 {left:502px; top:20px;} /* forward */
#a2 {right:20px; bottom:90px;} /* right */
#a3 {left:502px; bottom:100px;} /* back */
#a4 {left:20px; bottom:90px;} /* left */
.pad {
	width:250px;
	height:250px;
	background-color: lightgrey;
	border:5px solid darkgrey;
	top:30px;
	left:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-content: space-around;
	padding:10px;
	box-shadow: 10px 10px 10px black;
}
.pad_item {
	width:60px;
	height:60px;
	display:flex;
	justify-content: space-around;
	align-content: space-around;
	border-radius: 8px;
	cursor:pointer;
}
#num_pad .pad_item {
	background-color: #ff8;
	font-size:36px;
	border:8px outset #dda;
}
#col_pad .pad_item {
	border:8px outset;
}
#message {
	width:350px;
	padding:20px;
	border:4px solid gold;
	background-color: beige;
	right:50px;
	top:100px;
	text-align: center;
}
.red {color:red;}

#sceneN {color:grey; font-size:72px;} /* //// */