body{
    background-color: black;
    overflow-x: hidden;
    overflow-y: auto;
}

svg{
    width: 100vw;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;


}


#open{
    opacity: 0;
}

#open:hover{
    opacity: 100%;
}





/* parallax */

.parallax-wrapper {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  perspective: 1px;
  background-color: transparent;
    margin: 0;
  padding: 0;
  width: 105vw;
}

.parallax-group {
    position: relative;
    width: 100vw;
    transform-style: preserve-3d;
    margin: 0;
    padding: 0;
    width: 105vw;
}

.parallax-layer {
position: absolute;
  top: 16px;
  left: 1647px;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.parallax-layer--back {
  transform: translateZ(-1px) scale(2);
width: 100wv;
scale: 2;
left: 2500px;

}

.parallax-layer--base {
  transform: translateZ(0);
  margin: 10vh 5vw;
  border-radius: 8px;
  scale: 2;
}