body,
html {
  padding: 0;
  margin: 0;
  background-color:rgba(0,0,0,1.00);
	color:rgba(255,255,255,1.00);
  overflow: hidden;
}

body * {
  z-index: 20;
  color: rgba(0,0,0,1.00);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'AMPVXsans';
}

/* Custom Fonts */
	@font-face {
  	font-family: 'AMPVXsans';
  	src: url('https://thehumanitarium.com/Performance/fonts/AMPVX Sans.ttf');
	}

#content {
  width: 100%;
  height: 100vh;
}

#light {
  position: absolute;
  width: 500px;
  height: 500px;
  box-shadow: inset 0 0 150px 150px #000;
  background: #FF0000;
  z-index: 10;
}

.light-off {
  box-shadow: inset 0 0 100px 250px #000 !important;
}

.exit {
  display: block;
  width: 1vw; 
  position: absolute; 
  top: 5%; 
  left: 95%;
  /*transition: exit 0.5s ease-in-out;*/
}

@keyframes exitHover {
  0% { transform: scale(1.0); }
100% { transform: scale(1.2); }
}

@keyframes exitUnhover {
  0% { transform: scale(1.0); }
100% { transform: scale(1.2); }
}