div {
  overflow: hidden;
}

div img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

div img.blend-mode {
  mix-blend-mode: multiply;
}

.font-10 {
  font-size: 10vmin;
}

.font-3 {
  font-size: 3vmin;
}

.font-1 {
  font-size: 1hmin;
}

.margin-top-5 {
  margin-top: 5%;
}

.margin-top-10 {
  margin-top: 10%;
}

.margin-top-33, .margin-top-34 {
  margin-top: 33.3%;
}

.margin-top-50 {
  margin-top: 50%;
}

.margin-top-66, .margin-top-67 {
  margin-top: 66.6%;
}

.quad-10 {
  aspect-ratio: 1;
  width: 10%;
}

.quad-15 {
  aspect-ratio: 1;
  width: 15%;
}

.quad-20 {
  aspect-ratio: 1;
  width: 20%;
}

.quad-25 {
  aspect-ratio: 1;
  width: 25%;
}

.quad-33, .quad-34 {
  aspect-ratio: 1;
  width: 33.3%;
}

.quad-50 {
  aspect-ratio: 1;
  width: 50%;
}

.quad-66, .quad-67 {
  aspect-ratio: 1;
  width: 66.6%;
}

.quad-70 {
  aspect-ratio: 1;
  width: 70%;
}

.quad-75 {
  aspect-ratio: 1;
  width: 75%;
}

.quad-80 {
  aspect-ratio: 1;
  width: 80%;
}

.quad-90 {
  aspect-ratio: 1;
  width: 90%;
}

.quad-100 {
  aspect-ratio: 1;
  width: 100%;
}

.quad-200 {
  aspect-ratio: 1;
  width: 200%;
}

.quad-300 {
  aspect-ratio: 1;
  width: 300%;
}

.width-5 {
  width: 5%;
}

.width-10 {
  width: 10%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-33, .width-34 {
  width: 33.3%;
}

.width-50 {
  width: 50%;
}

.width-66, .width-67 {
  width: 66.6%;
}

.width-75 {
  width: 75%;
}

.width-90 {
  width: 90%;
}

.width-100 {
  width: 100%;
}

.width-200 {
  width: 200%;
}

.height-10 {
  height: 10%;
}

.height-25 {
  height: 25%;
}

.height-33, .height-34 {
  height: 33.3%;
}

.height-50 {
  height: 50%;
}

.height-66, .height-67 {
  height: 66.6%;
}

.height-75 {
  height: 75%;
}

.height-90 {
  height: 90%;
}

.height-100 {
  height: 100%;
}

.height-200 {
  height: 200%;
}

.bottom-0 {
  position: absolute;
  bottom: 0;
}

.bottom-5 {
  position: absolute;
  bottom: 5%;
}

.bottom-10 {
  position: absolute;
  bottom: 10%;
}

.bottom-20 {
  position: absolute;
  bottom: 20%;
}

.bottom-25 {
  position: absolute;
  bottom: 25%;
}

.bottom-33, .bottom-34 {
  position: absolute;
  bottom: 33.3%;
}

.bottom-50 {
  position: absolute;
  bottom: 50%;
}

.bottom-66 {
  position: absolute;
  bottom: 66%;
}

.top-0 {
  position: absolute;
  top: 0;
}

.top-5 {
  position: absolute;
  top: 5%;
}

.top-10 {
  position: absolute;
  top: 10%;
}

.top-15 {
  position: absolute;
  top: 15%;
}

.top-25 {
  position: absolute;
  top: 25%;
}

.top-33 {
  position: absolute;
  top: 33.3%;
}

.top-50 {
  position: absolute;
  top: 50%;
}

.top-66 {
  position: absolute;
  top: 66% !important;
}

.top-75 {
  position: absolute;
  left: 75% !important;
}

.left-0 {
  position: absolute;
  left: 0 !important;
}

.left-5 {
  position: absolute;
  left: 5% !important;
}

.left-10 {
  position: absolute;
  left: 10% !important;
}

.left-15 {
  position: absolute;
  left: 15% !important;
}

.left-25 {
  position: absolute;
  left: 25% !important;
}

.left-33 {
  position: absolute;
  left: 33.3% !important;
}

.left-40 {
  position: absolute;
  left: 40% !important;
}

.left-45 {
  position: absolute;
  left: 45% !important;
}

.left-50 {
  position: absolute;
  left: 50% !important;
}

.left-66 {
  position: absolute;
  left: 66.6% !important;
}

.left-75 {
  position: absolute;
  left: 75% !important;
}

.right-0 {
  position: absolute;
  right: 0 !important;
}

.right-5 {
  position: absolute;
  right: 5% !important;
}

.right-10 {
  position: absolute;
  right: 10% !important;
}

.right-20 {
  position: absolute;
  right: 20% !important;
}

.right-33 {
  position: absolute;
  right: 33.3% !important;
}

.right-40 {
  position: absolute;
  right: 40% !important;
}

.right-45 {
  position: absolute;
  right: 45% !important;
}

.right-50 {
  position: absolute;
  right: 50% !important;
}

.right-66 {
  position: absolute;
  right: 66% !important;
}

.right-75 {
  position: absolute;
  left: 75% !important;
}

.green {
  box-shadow: 0 0 5vmin .5vmin #0f0, inset 0 0 2vmin 1vmin #00ff0080;
}

.innergreen {
  box-shadow: inset 0 0 1.5vmin .5vmin #00ff0080;
}

.outergreen {
  box-shadow: 0 0 2vmin 1vmin #00ff00bf;
}

.outergreen-50 {
  box-shadow: 0 0 2vmin 1vmin #00ff0080;
}

.red {
  box-shadow: 0 0 5vmin .5vmin red, inset 0 0 2vmin 1vmin #ff000080;
}

.innerred {
  box-shadow: inset 0 0 1.5vmin .5vmin #ff000080;
}

.outerred {
  box-shadow: 0 0 2vmin 1vmin #ff0000bf;
}

.blue {
  box-shadow: 0 0 5vmin .5vmin #00f, inset 0 0 2vmin 1vmin #0000ff80;
}

.innerblue {
  box-shadow: inset 0 0 1.5vmin .5vmin #0000ff80;
}

.outerblue {
  box-shadow: 0 0 2vmin 1vmin #0000ffbf;
}

.outerblue-50 {
  box-shadow: 0 0 2vmin 1vmin #0000ff80;
}

.white {
  box-shadow: 0 0 5vmin .5vmin #fff, inset 0 0 2vmin 1vmin #ffffff80;
}

.white-border {
  border: 1px solid #fff;
}

.innerwhite6 {
  box-shadow: inset 0 0 1.5vmin .5vmin #fff9;
}

.innerwhite, .innerwhite5 {
  box-shadow: inset 0 0 1.5vmin .5vmin #ffffff80;
}

.innerwhite4 {
  box-shadow: inset 0 0 1.5vmin .5vmin #fff6;
}

.innerwhite3 {
  box-shadow: inset 0 0 1.5vmin .5vmin #ffffff4d;
}

.innerwhite2 {
  box-shadow: inset 0 0 1.5vmin .5vmin #fff3;
}

.innerwhite1 {
  box-shadow: inset 0 0 1.5vmin .5vmin #ffffff1a;
}

.outerwhite {
  box-shadow: 0 0 2vmin 1vmin #ffffffbf;
}

.outerwhite-right {
  box-shadow: 1vmin 0 1.5vmin .25vmin #ffffff80;
}

.outerwhite-50 {
  box-shadow: 0 0 2vmin 1vmin #ffffff80;
}

.outerwhite-50-right {
  box-shadow: 2vmin 0 2vmin 1vmin #ffffff80;
}

@keyframes outerwhite-animation {
  from {
    box-shadow: 0 0 1.5vmin .5vmin #fff3;
  }

  to {
    box-shadow: 0 0 2.5vmin 1vmin #ffffff80;
  }
}

.outerwhite-animation {
  animation-name: outerwhite-animation;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.outerblack {
  box-shadow: 0 0 2vmin 1vmin #000000bf;
}

.outerblack-50 {
  box-shadow: 0 0 2vmin 1vmin #00000080;
}

@keyframes outerblack-animation {
  from {
    box-shadow: 0 0 2vmin 1vmin #00000080;
  }

  to {
    box-shadow: 0 0 2vmin 1.5vmin #000c;
  }
}

.outerblack-animation {
  animation-name: outerblack-animation;
  animation-duration: .5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes rgb-animation {
  0% {
    box-shadow: 0 0 1vmin 1vmin #ff000080;
  }

  50% {
    box-shadow: 0 0 1vmin 1vmin #00ff0080;
  }

  100% {
    box-shadow: 0 0 1vmin 1.5vmin #00fc;
  }
}

.rgb-animation {
  animation-name: rgb-animation;
  animation-duration: 12s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.bgred {
  background-color: #f003;
}

.bgred-05 {
  background-color: #7d0000;
}

.bgred-04 {
  background-color: #640000;
}

.bgred-03 {
  background-color: #4b0000;
}

.bgred-02 {
  background-color: #320000;
}

.bgred-01 {
  background-color: #190000;
}

.bggreen-05 {
  background-color: #007d00;
}

.bggreen-04 {
  background-color: #006400;
}

.bggreen-03 {
  background-color: #004b00;
}

.bggreen-02 {
  background-color: #003200;
}

.bggreen-01 {
  background-color: #001900;
}

.bgblue {
  background-color: #00f3;
}

.bgblue-05 {
  background-color: #00007d;
}

.bgblue-04 {
  background-color: #000064;
}

.bgblue-03 {
  background-color: #00004b;
}

.bgblue-02 {
  background-color: #000032;
}

.bgblue-01 {
  background-color: #000019;
}

.bggreen, .bggreen-05, .bggreen-04 {
  background-color: #0f03;
}

.bgwhite {
  background-color: #fff3;
}

.bgblack {
  background-color: #000;
}

.bgredgradient {
  background-image: linear-gradient(#ff000080, #0000);
}

.bgredgradient-05 {
  background-image: linear-gradient(#7d000080, #0000);
}

.bggreengradient {
  background-image: linear-gradient(#00ff0080, #0000);
}

.bggreengradient-05 {
  background-image: linear-gradient(#007d0080, #0000);
}

.bgbluegradient {
  background-image: linear-gradient(#0000ff80, #0000);
}

.bgbluegradient-05 {
  background-image: linear-gradient(#00007d80, #0000);
}

.bgwhitegradient {
  background-image: linear-gradient(#ffffff80, #0000);
}

.bgblackgradient {
  background-image: linear-gradient(#00000080, #0000);
}

.angle-45 {
  transform: rotateY(0)rotate(-45deg);
}

.angle45 {
  transform: rotateY(0)rotate(45deg);
}

.angle90 {
  transform: rotateY(0)rotate(90deg);
}

.rotate3d-1 {
  transform: perspective(1000px)rotateX(4deg)rotateY(-16deg)rotateZ(4deg);
}

.op10 {
  opacity: .1;
}

.op20 {
  opacity: .2;
}

.op30 {
  opacity: .3;
}

.op40 {
  opacity: .4;
}

.op50 {
  opacity: .5;
}

.op60 {
  opacity: .6;
}

.op70 {
  opacity: .7;
}

.op80 {
  opacity: .8;
}

.op90 {
  opacity: .9;
}

.op100 {
  opacity: 1;
}

.center-middle {
  justify-content: center;
  align-items: center;
  display: flex;
}

.filtered-image {
  opacity: .6;
}

.multiply-effect {
  background-blend-mode: multiply;
  background-color: #0f0;
  background-size: cover;
}

.mouseHand {
  cursor: pointer;
}

.position-relative {
  position: relative !important;
}

.width-cirle {
  aspect-ratio: 1;
  border-radius: 50%;
  height: 100%;
}

.width-circle-text {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: ui-monospace;
  font-size: 1rem;
  display: flex;
}
/*# sourceMappingURL=index.25c19487.css.map */