html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "DM Mono", monospace;
  font-weight: 300;
  font-style: normal;
  color: white !important;
}

.h-100px {
  height: 100px;
}

.bg {
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #3e1bb2 0%, #7a9cd6 100%),
    radial-gradient(60.91% 100% at 50% 0%, #c79fce 0%, #92307f 100%),
    linear-gradient(238.72deg, #bea5a5 0%, #461e42 100%),
    linear-gradient(127.43deg, #37a8a8 0%, #a9bafe 100%),
    radial-gradient(
      100.22% 100% at 70.57% 0%,
      rgb(83, 61, 128) 0%,
      #00ffe0 100%
    );
  /* background-blend-mode: normal, normal, normal, normal, normal, normal; */
  background-blend-mode: screen, hard-light, overlay, color-burn, color-dodge,
    normal;
  background-attachment: fixed;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .bg {
    background: linear-gradient(180deg, #3e1bb2 0%, #7a9cd6 100%),
      radial-gradient(60.91% 100% at 50% 0%, #b12094 0%, #7254ed 100%),
      linear-gradient(238.72deg, #bea5a5 0%, #461e42 100%),
      linear-gradient(127.43deg, #103042 0%, #a9bafe 100%);
    /* background-blend-mode: normal, normal, normal, normal, normal, normal; */
    background-blend-mode: screen, overlay, overlay, color-burn;
    background-attachment: fixed;
  }
}

.text {
  font-size: 1.5em;
}

.back-typo {
  line-height: 80vmin;
  font-size: 80vmin;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.15);
}

.pulse-animation {
  animation: heartbeat 1.5s ease-in-out infinite;
}

.logo-typo {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 20vmin;
  line-height: 1em;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.15);
  } /* Pause */
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}


#bgVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

.center-logo{
  width: 300px;
  max-width: 90%;
  height: auto;
}