@keyframes sway {
  from {
    transform: rotate(1deg);
  }

  to {
    transform: rotate(-1deg);
  }
}

@keyframes cascade {
  from {
    transform: none;
  }

  to {
    transform: translate(150px, 150px);
  }
}

@keyframes expand-from-top {
  from {
    transform: scaleY(0);
    transform-origin: top;
  }

  to {
    transform: scaleY(1);
    transform-origin: top;
  }
}


body {
  background-image: none;
  background-color: black;
  overflow-x: hidden;
}

h1 {
  animation: sway 2s alternate ease-in-out infinite;
  text-align: center;
  font-size: 28px;
  padding: 20px 0;
  color: white;
}

.subvolume {
  color: white;
  overflow: hidden;
  background-color: #2E2234;
  border-color: #7F4C90;
}

#backdrop {
  overflow: hidden;
  position: fixed;
  z-index: -1;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
}

  #backdrop::after {
    background-image: url("/images/thread_stars.gif");
    animation: cascade 10s linear infinite;
    position: absolute;
    content: ' ';
    top: -150px;
    left: -150px;
    z-index: -10;
    width: 130vw;
    height: 130vh;
  }