body {
  margin: 0px;
  overflow: hidden;
  color: white;
  text-align: center;
}

.titleDiv {
  position: absolute;
  width:25%;
  left: 2%;
  z-index: 1;
  font-size: 0.8rem;
  font-family:verdana;
  text-align: left;
}

.fadingmessagediv{
  position: absolute;

  left: 30%;
  top:15px;
  width:20%;
  z-index: 1;
  font-size: 0.7rem;
  font-family:verdana;
  text-align: left;
}

#scene-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
#frameCanvasContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}

.copyrightnote {
    position: absolute;
    bottom: 1%;
    right: 1%;
    font-family:verdana;
}
.disable-select {
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
  }

  .playpausebutton {
    position: absolute;
    bottom: 1%;
    left: 1%;

    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 74px;
  
    border-color: transparent transparent transparent #007700;
    transition: 100ms all ease;
    cursor: pointer;
  
    /* play state */
    border-style: solid;
    border-width: 37px 0 37px 60px;

    outline: none;
  }

  .asPause {
    border-style: double;
    border-width: 0px 0 0px 60px;    
    border-color: transparent transparent transparent #770000;
  }
  
  .hidden {
    display: none;
  }

  .showme{
    opacity:1;
    transition:0.1s;
    }
  .fademe{
    opacity:0;
    transition:2.5s;
    }