@charset "UTF-8";
/* CSS Document */

body{
  margin:0;
  overflow:hidden;
}

canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
#loading{
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 9999;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  transition: opacity .8s;
}

#loading.hide{
  opacity: 0;
  pointer-events: none;
}

@keyframes spin{
  from{
    transform: rotateX(0) rotateY(0);
  }

  to{
    transform: rotateX(360deg) rotateY(360deg);
  }
}

#loadingText{
  color: #fff;
  margin-top: 20px;
  letter-spacing: .2em;
}