:root {
  --spot-size: 60px;
  --spot-style: 2px solid #009ee3;
}

video::-webkit-media-controls {
	display: none;
}

body {
	overflow:hidden;
	width: 100vw;
	height: 100vh;
	display:block;
	margin:0px;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
  transition: opacity 500ms;
  visibility: hidden;
  z-index:20;
  opacity: 0;
  display: none;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
  display: block;
}

.main-screen {
	display:block;
	position:absolute;
	float:left;
	width: 100vw;
	height: 100vh;
}


.spot {
  border: 0 solid transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 100;
}

.spot:before, .spot:after {
  content: '';
  border: 2.75em solid #009EE3;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  animation: spot 2s linear infinite;
  opacity: 0;
}
