/*
 * Pretty looks for Juke3000
 * (c) 2023 Steven-L. Fuchs (s.fx)
 */

html {
  background: black;
}
body {
  margin: 0;
  overflow: hidden;
}
@keyframes skew {
  0% {
    transform: translate(50%, -50%) perspective(40vw) rotateY(-30deg);
  }
  50% {
    transform: translate(50%, -50%) perspective(40vw) rotateY(30deg);
  }
  100% {
    transform: translate(50%, -50%) perspective(40vw) rotateY(-30deg);
  }
}
#icon {
  width: 25%;
  animation: 10s skew infinite ease;
}
#icon, #hand {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
@media (orientation: portrait) {
  #icon {
    width: 75%;
  }
}
#clip {
  filter: blur(0); /* google chrome cheat */
  height: 100%;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
}