html,body {
	border:0;
	padding:0;
	margin:0;
	height:100%;
}
body {
	background-image:url(perfsteel.jpg);
	background-size:cover;
	text-align:center;
	overflow:hidden;
}
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:pointer;
	cursor:grab;
}
button {
	width:20%;
	height:20%;
}

.cog {
	position:absolute;
	border-radius:50%;
	background-image:url(cog3.png);
	background-size:cover;
}
.cog-shadow {
	position:absolute;
	border-radius:50%;
	background-image:url(cog_shad3.5.png);
	background-size:cover;
	opacity:1.75;
	filter:blur(5px);
}
.cog-screw {
	position:absolute;
	border-radius:50%;
	background-image:url(screw3.png);
	background-size:cover;
	color:gray;
	font-family:Courier;
	font-weight:bold;
	text-align:center;
	text-shadow:
		0px -1px 0 rgba(0,0,0,0.25),
		-1px -1px 0 rgba(0,0,0,0.25),
		-1px 0px 0 rgba(0,0,0,0.25),
		1px 0px 0 rgba(255,255,255,0.25),
		1px 1px 0 rgba(255,255,255,0.25),
		0px 1px 0 rgba(255,255,255,0.25);
}
.cog-ball-bearing {
	position:absolute;
	border-radius:50%;
	background-image:url(ball_bearing3.png);
	background-size:cover;
}