body,html{
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	overflow:hidden
}
.bodge{
	position:absolute;
	bottom:10px;
	right:10px;
	color:#000;
	z-index:99
}
.bodge a{
	font-style:italic;
	color:#000
}
.bg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	background:-moz-linear-gradient(-45deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%);
	background:linear-gradient(135deg,rgba(0,0,0,0.3) 0,rgba(0,0,0,0) 100%)
}
.everything{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%
}
.spinner img{
	width:100%
}
.holder,.spinner{
	width:300px;
	height:300px;
	position:relative
}
.handle{
	width:70px;
	height:70px;
	position:absolute;
	top:115px;
	left:115px;
	z-index:1
}
@media screen and (min-width:370px) and (max-width:499px){
	.holder,.spinner{
		width:360px;
		height:360px;
		position:relative
	}
	.handle{
		width:80px;
		height:80px;
		position:absolute;
		top:140px;
		left:140px;
		z-index:1
	}
}
@media screen and (min-width:500px){
	.holder,.spinner{
		width:500px;
		height:500px;
		position:relative
	}
	.handle{
		width:100px;
		height:100px;
		position:absolute;
		top:200px;
		left:200px;
		z-index:1
	}
}