body, html{
  margin: 0;
  width: 100%;
  height: 500vh;
  background-color: #000;
  color: white;
  font-family: sans-serif;
}

#container{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.trigger {
  position: relative;
  z-index: 30;
  top: 12vh;
  left: 50%;
  transform: translateX(-50%);
  width: 90vw;
  padding: 15px;
  background-color: rgb(19, 23, 54);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.7em;
}

.pulse {
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: flicker;
  animation-iteration-count: infinite;
}

@keyframes flicker {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0.6;
  }

  to {
    opacity: 1;
  }
}