html {
  padding: 0;
  margin: 0;
  background-image: url("/media/Pink_starback.gif");
  background-repeat: repeat;
  cursor: url("/media/StarTrekgoldinsignia.png"), auto !important;
  font-family: "IBM Plex Serif", serif;
  font-size: 1.0em;
  font-style:normal;
}

body {
  padding: 0;
  margin: 0;
  cursor: url("/media/StarTrekgoldinsignia.png"), auto, !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.borg-cube {
  animation-name: spin;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.transparent {
  opacity: 0.5;
}

.borg-right {
  opacity: 0.7;
  transform: rotate(45deg);
  z-index: -1;
  position: fixed;
  right: 0;
}

.borg-left {
  opacity: 0.7;
  transform: rotate(315deg);
  z-index: -2;
  position: fixed;
  left: 0;
}