html,
body {
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
  overflow-x: hidden;
  min-height: 100vh;
  /* overscroll-behavior: none;
  -ms-overflow-style: none;   Internet Explorer 10+ 
  scrollbar-width: none;  Firefox */
}
/* body::-webkit-scrollbar {
  display: none;
} */

#root {
  min-height: 100vh;
}

.stretch {
  position: relative;
  height: 100%;
  max-height: 100%;
  width: 100%;
  max-width: 100%;
  
  min-height: 100vh
}
#CSS3DCanvas {
  z-index: 20;
}


@font-face {
  font-family: "InstrumentSans";
  src: url(/e83d73b3f67a92519404.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "HW_PANO";
  src: url(/28bbaf105312afb5d678.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(/1909acfb993748a4babf.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "InstrumentSans";
  src: url(/ade618262f1eafe3bf97.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(/9cd2c7de381fb89f1862.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}


@keyframes test {
  from {mask-image: linear-gradient(transparent 50%, white 50%, white 50%, transparent 50%);
  -webkit-mask-image:linear-gradient(transparent 50%, white 50%, white 50%, transparent 50%);}
  to {mask-image: linear-gradient(transparent 100%, white 100%, white 0%, transparent 0%);
    -webkit-mask-image:linear-gradient(transparent 50%, white 50%, white 50%, transparent 50%)
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(140%);
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}