#engine{
	display:inline-block;
}
#engine canvas{
position:absolute;
z-index: 5;
}
@keyframes fadeGradient {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
#watermarkbg{
	width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  z-index: 1;
  background: #bababa;
background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);

//  margin: 5px;
//  border-radius: 5px;

}
#watermark{
width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../media/images/configure_logo.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
  background-position-x: 50%;
  background-position-y: 50%;
  //filter: invert(100%) saturate(0%) brightness(200%);
}
#engineloader{
	width:100%;
	height:100%;
	pointer-events: none;
	position:absolute;
	z-index:0;
}