html{
  overflow:hidden; 
}

html,body{
  width: 100%;
  height: 100%;


  margin: 0;
  color: white;
  position: fixed;
  background-color: white;
  -webkit-overflow-scrolling: touch;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
  supported by Chrome and Opera */
}
/*--------------------
Body
--------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  height: 100vh;
  margin: 0;
  overflow: hidden;
  background: #262523;
}

.scene {
  position: absolute;
  width: 100%;
  height: 100vh;
}

.ombre{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	pointer-events: none;

-moz-box-shadow: inset 0px 0px 500px 0px #000000;
-webkit-box-shadow: inset 0px 0px 500px 0px #000000;
-o-box-shadow: inset 0px 0px 500px 0px #000000;
box-shadow: inset 0px 0px 500px 0px #000000;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=1000);
}

.hover{
	cursor: pointer;
}

@media only screen and (max-device-width: 375px) { 

.ombre{
	display: none;
}

}