*
{
    margin: 0;
    padding: 0;
}

html,
body
{
    overflow: hidden;
}
h2 {
  font-size:2em;
  font-weight:500;
  line-height:2.6em;
}

.webgl
{
    position: fixed;
    top: 0;
    left: 0;
    outline: none;
}
.loading-bar {
  position:absolute;
  top:50%;
  width:100%;
  height:2px;
  background:#ffffff;
  will-change: transform;
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.5s;
  opacity:1;
}
.loading-bar.ended{
  transform-origin: top right;
  transition: transform 1.5s ease-in-out;
}

.point {
  position:absolute;
  top:50%;
  left:50%;
  
}
.point:hover .text{
  opacity:1;
}

.point .text {
  transition:opacity 0.3s;
  position:absolute;
  top:30px;
  width:200px;
  left: -120px;
  background: #000000CC;
  color: #ffffff;
  line-height:1.3em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 14px;
  padding:20px;
  border-radius:4px;
  text-align:center;
  opacity:0;
  pointer-events: none;
}

.point .label {
  position:absolute;
  top:-15px;
  left:-15px;
  width:30px;
  height:30px;
  background: #000000A6;
  color: #ffffff;
  border-radius: 50%;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-weight:100;
  cursor: help;
  transform: scale(0,0);
  transition: transform 0.1s;
}

.point.visible .label {
  transform: scale(1,1);
}
/* .modal-outer {
  width:100vw;
  height:100vh;
  position:absolute;
  right:-100vw;
} */
.modal-inner {
  position:absolute;
  height:100vh;
  width:90vw;
  background-color: rgba(0,0,0,0.9);
  color: #ffffff;
  font-family: Helvetica, Arial, sans-serif;
  line-height:1.3em;
  font-size: 1em;
  font-weight:100;
  right:-90vw;
  transition:0.3s;
}

.modal-inner.open {
  right:0;
}

#modal-close{
  position:relative;
  display: inline-block;
  top:1em;
  left:1em;
  background: rgba(0,0,0,0.9);
  font-size:1.6em;
  cursor:pointer;
}

#modal-content {
  padding:3em;
}

#modal-content button {
  padding: 0.6em 1.2em;
  background:white;
  color: black;
  border: 0;
  font-size:inherit;
  margin-top:2em;
  cursor:pointer;
}

@media screen and (min-width: 760px){
  .modal-inner {
    max-width: 460px;
    
  }
}

/*# sourceMappingURL=main.css.map*/