body {
	overflow: hidden;
	margin: 0;
}
#three-canvas {
	position: absolute;
	left: 0;
	top: 0;
}
.target-marker {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1000;
    width: 10px;
    height: 10px;
    transform: translate(-50%, -50%);
    background: blue;
    border-radius: 100%;
    opacity: 0;
}
.background-video {
    position: absolute;
    left: -1000px;
    top: 0;
    width: 100px;
    z-index: -1;
}

.mobile-controller {
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 151px;
	height: 151px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
}
.mobile-controller:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: 131px;
	height: 131px;
	border: 1px solid white;
	border-radius: 50%;
}
.mobile-controller-bar {
	position: absolute;
	left: 75px;
	top: 10px;
	width: 1px;
	height: 66px;
	background: white;
	transform-origin: bottom;
}
.no-touchevents .mobile-controller {
	display: none;
}