@import url("https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap");
body {
  font-family: "Major Mono Display", monospace;
  background-image: radial-gradient(circle, #000 50px, #222 1500px);
  perspective: 500px;
  overflow: hidden;
}

*:not(:empty) {
  transform-style: preserve-3d;
}

.letters {
  position: relative;
  transform: rotateX(90deg);
  width: 1px;
  height: 1px;
  background-color: lime;
}

.ring {
  position: relative;
  -webkit-animation: ringRotate 16s var(--delay, 0s) infinite alternate ease-in-out;
          animation: ringRotate 16s var(--delay, 0s) infinite alternate ease-in-out;
  transform: translateY(var(--depth, 0px)) rotateY(0deg);
  color: hsl(240, 15%, var(--light, 100%));
}
@-webkit-keyframes ringRotate {
  from {
    transform: translateY(var(--depth, 0px)) rotateY(0deg);
  }
  to {
    transform: translateY(var(--depth, 0px)) rotateY(540deg);
  }
}
@keyframes ringRotate {
  from {
    transform: translateY(var(--depth, 0px)) rotateY(0deg);
  }
  to {
    transform: translateY(var(--depth, 0px)) rotateY(540deg);
  }
}
.ring:nth-child(1) {
  --depth: 350px;
  --light: 40%;
  --delay: 0s;
}
.ring:nth-child(1) > .letter:nth-child(1) {
  --letter: "F";
}
.ring:nth-child(1) > .letter:nth-child(2) {
  --letter: "B";
}
.ring:nth-child(1) > .letter:nth-child(3) {
  --letter: "C";
}
.ring:nth-child(1) > .letter:nth-child(4) {
  --letter: "O";
}
.ring:nth-child(1) > .letter:nth-child(5) {
  --letter: "R";
}
.ring:nth-child(1) > .letter:nth-child(6) {
  --letter: "D";
}
.ring:nth-child(1) > .letter:nth-child(7) {
  --letter: "O";
}
.ring:nth-child(1) > .letter:nth-child(8) {
  --letter: "U";
}
.ring:nth-child(1) > .letter:nth-child(9) {
  --letter: "N";
}
.ring:nth-child(1) > .letter:nth-child(10) {
  --letter: "C";
}
.ring:nth-child(1) > .letter:nth-child(11) {
  --letter: "Y";
}
.ring:nth-child(1) > .letter:nth-child(12) {
  --letter: "Y";
}
.ring:nth-child(1) > .letter:nth-child(13) {
  --letter: "R";
}
.ring:nth-child(1) > .letter:nth-child(14) {
  --letter: "H";
}
.ring:nth-child(1) > .letter:nth-child(15) {
  --letter: "Z";
}
.ring:nth-child(1) > .letter:nth-child(16) {
  --letter: "X";
}
.ring:nth-child(2) {
  --depth: 250px;
  --light: 38.125%;
  --delay: -0.15s;
}
.ring:nth-child(2) > .letter:nth-child(1) {
  --letter: "Z";
}
.ring:nth-child(2) > .letter:nth-child(2) {
  --letter: "O";
}
.ring:nth-child(2) > .letter:nth-child(3) {
  --letter: "G";
}
.ring:nth-child(2) > .letter:nth-child(4) {
  --letter: "D";
}
.ring:nth-child(2) > .letter:nth-child(5) {
  --letter: "U";
}
.ring:nth-child(2) > .letter:nth-child(6) {
  --letter: "Q";
}
.ring:nth-child(2) > .letter:nth-child(7) {
  --letter: "S";
}
.ring:nth-child(2) > .letter:nth-child(8) {
  --letter: "U";
}
.ring:nth-child(2) > .letter:nth-child(9) {
  --letter: "N";
}
.ring:nth-child(2) > .letter:nth-child(10) {
  --letter: "D";
}
.ring:nth-child(2) > .letter:nth-child(11) {
  --letter: "A";
}
.ring:nth-child(2) > .letter:nth-child(12) {
  --letter: "O";
}
.ring:nth-child(2) > .letter:nth-child(13) {
  --letter: "G";
}
.ring:nth-child(2) > .letter:nth-child(14) {
  --letter: "H";
}
.ring:nth-child(2) > .letter:nth-child(15) {
  --letter: "Y";
}
.ring:nth-child(2) > .letter:nth-child(16) {
  --letter: "G";
}
.ring:nth-child(3) {
  --depth: 150px;
  --light: 36.25%;
  --delay: -0.3s;
}
.ring:nth-child(3) > .letter:nth-child(1) {
  --letter: "J";
}
.ring:nth-child(3) > .letter:nth-child(2) {
  --letter: "W";
}
.ring:nth-child(3) > .letter:nth-child(3) {
  --letter: "C";
}
.ring:nth-child(3) > .letter:nth-child(4) {
  --letter: "B";
}
.ring:nth-child(3) > .letter:nth-child(5) {
  --letter: "J";
}
.ring:nth-child(3) > .letter:nth-child(6) {
  --letter: "C";
}
.ring:nth-child(3) > .letter:nth-child(7) {
  --letter: "X";
}
.ring:nth-child(3) > .letter:nth-child(8) {
  --letter: "F";
}
.ring:nth-child(3) > .letter:nth-child(9) {
  --letter: "C";
}
.ring:nth-child(3) > .letter:nth-child(10) {
  --letter: "J";
}
.ring:nth-child(3) > .letter:nth-child(11) {
  --letter: "E";
}
.ring:nth-child(3) > .letter:nth-child(12) {
  --letter: "Z";
}
.ring:nth-child(3) > .letter:nth-child(13) {
  --letter: "A";
}
.ring:nth-child(3) > .letter:nth-child(14) {
  --letter: "Y";
}
.ring:nth-child(3) > .letter:nth-child(15) {
  --letter: "H";
}
.ring:nth-child(3) > .letter:nth-child(16) {
  --letter: "Q";
}
.ring:nth-child(4) {
  --depth: 50px;
  --light: 34.375%;
  --delay: -0.45s;
}
.ring:nth-child(4) > .letter:nth-child(1) {
  --letter: "O";
}
.ring:nth-child(4) > .letter:nth-child(2) {
  --letter: "Q";
}
.ring:nth-child(4) > .letter:nth-child(3) {
  --letter: "A";
}
.ring:nth-child(4) > .letter:nth-child(4) {
  --letter: "M";
}
.ring:nth-child(4) > .letter:nth-child(5) {
  --letter: "V";
}
.ring:nth-child(4) > .letter:nth-child(6) {
  --letter: "E";
}
.ring:nth-child(4) > .letter:nth-child(7) {
  --letter: "Q";
}
.ring:nth-child(4) > .letter:nth-child(8) {
  --letter: "Y";
}
.ring:nth-child(4) > .letter:nth-child(9) {
  --letter: "N";
}
.ring:nth-child(4) > .letter:nth-child(10) {
  --letter: "M";
}
.ring:nth-child(4) > .letter:nth-child(11) {
  --letter: "I";
}
.ring:nth-child(4) > .letter:nth-child(12) {
  --letter: "D";
}
.ring:nth-child(4) > .letter:nth-child(13) {
  --letter: "H";
}
.ring:nth-child(4) > .letter:nth-child(14) {
  --letter: "R";
}
.ring:nth-child(4) > .letter:nth-child(15) {
  --letter: "U";
}
.ring:nth-child(4) > .letter:nth-child(16) {
  --letter: "Q";
}
.ring:nth-child(5) {
  --depth: -50px;
  --light: 32.5%;
  --delay: -0.6s;
}
.ring:nth-child(5) > .letter:nth-child(1) {
  --letter: "X";
}
.ring:nth-child(5) > .letter:nth-child(2) {
  --letter: "R";
}
.ring:nth-child(5) > .letter:nth-child(3) {
  --letter: "D";
}
.ring:nth-child(5) > .letter:nth-child(4) {
  --letter: "S";
}
.ring:nth-child(5) > .letter:nth-child(5) {
  --letter: "H";
}
.ring:nth-child(5) > .letter:nth-child(6) {
  --letter: "H";
}
.ring:nth-child(5) > .letter:nth-child(7) {
  --letter: "C";
}
.ring:nth-child(5) > .letter:nth-child(8) {
  --letter: "L";
}
.ring:nth-child(5) > .letter:nth-child(9) {
  --letter: "W";
}
.ring:nth-child(5) > .letter:nth-child(10) {
  --letter: "L";
}
.ring:nth-child(5) > .letter:nth-child(11) {
  --letter: "M";
}
.ring:nth-child(5) > .letter:nth-child(12) {
  --letter: "E";
}
.ring:nth-child(5) > .letter:nth-child(13) {
  --letter: "L";
}
.ring:nth-child(5) > .letter:nth-child(14) {
  --letter: "F";
}
.ring:nth-child(5) > .letter:nth-child(15) {
  --letter: "S";
}
.ring:nth-child(5) > .letter:nth-child(16) {
  --letter: "G";
}
.ring:nth-child(6) {
  --depth: -150px;
  --light: 30.625%;
  --delay: -0.75s;
}
.ring:nth-child(6) > .letter:nth-child(1) {
  --letter: "P";
}
.ring:nth-child(6) > .letter:nth-child(2) {
  --letter: "L";
}
.ring:nth-child(6) > .letter:nth-child(3) {
  --letter: "Z";
}
.ring:nth-child(6) > .letter:nth-child(4) {
  --letter: "T";
}
.ring:nth-child(6) > .letter:nth-child(5) {
  --letter: "X";
}
.ring:nth-child(6) > .letter:nth-child(6) {
  --letter: "V";
}
.ring:nth-child(6) > .letter:nth-child(7) {
  --letter: "B";
}
.ring:nth-child(6) > .letter:nth-child(8) {
  --letter: "E";
}
.ring:nth-child(6) > .letter:nth-child(9) {
  --letter: "J";
}
.ring:nth-child(6) > .letter:nth-child(10) {
  --letter: "F";
}
.ring:nth-child(6) > .letter:nth-child(11) {
  --letter: "J";
}
.ring:nth-child(6) > .letter:nth-child(12) {
  --letter: "J";
}
.ring:nth-child(6) > .letter:nth-child(13) {
  --letter: "B";
}
.ring:nth-child(6) > .letter:nth-child(14) {
  --letter: "S";
}
.ring:nth-child(6) > .letter:nth-child(15) {
  --letter: "A";
}
.ring:nth-child(6) > .letter:nth-child(16) {
  --letter: "O";
}
.ring:nth-child(7) {
  --depth: -250px;
  --light: 28.75%;
  --delay: -0.9s;
}
.ring:nth-child(7) > .letter:nth-child(1) {
  --letter: "P";
}
.ring:nth-child(7) > .letter:nth-child(2) {
  --letter: "C";
}
.ring:nth-child(7) > .letter:nth-child(3) {
  --letter: "U";
}
.ring:nth-child(7) > .letter:nth-child(4) {
  --letter: "Y";
}
.ring:nth-child(7) > .letter:nth-child(5) {
  --letter: "M";
}
.ring:nth-child(7) > .letter:nth-child(6) {
  --letter: "U";
}
.ring:nth-child(7) > .letter:nth-child(7) {
  --letter: "A";
}
.ring:nth-child(7) > .letter:nth-child(8) {
  --letter: "U";
}
.ring:nth-child(7) > .letter:nth-child(9) {
  --letter: "P";
}
.ring:nth-child(7) > .letter:nth-child(10) {
  --letter: "J";
}
.ring:nth-child(7) > .letter:nth-child(11) {
  --letter: "B";
}
.ring:nth-child(7) > .letter:nth-child(12) {
  --letter: "N";
}
.ring:nth-child(7) > .letter:nth-child(13) {
  --letter: "Q";
}
.ring:nth-child(7) > .letter:nth-child(14) {
  --letter: "Z";
}
.ring:nth-child(7) > .letter:nth-child(15) {
  --letter: "Q";
}
.ring:nth-child(7) > .letter:nth-child(16) {
  --letter: "E";
}
.ring:nth-child(8) {
  --depth: -350px;
  --light: 26.875%;
  --delay: -1.05s;
}
.ring:nth-child(8) > .letter:nth-child(1) {
  --letter: "O";
}
.ring:nth-child(8) > .letter:nth-child(2) {
  --letter: "P";
}
.ring:nth-child(8) > .letter:nth-child(3) {
  --letter: "L";
}
.ring:nth-child(8) > .letter:nth-child(4) {
  --letter: "F";
}
.ring:nth-child(8) > .letter:nth-child(5) {
  --letter: "E";
}
.ring:nth-child(8) > .letter:nth-child(6) {
  --letter: "R";
}
.ring:nth-child(8) > .letter:nth-child(7) {
  --letter: "Z";
}
.ring:nth-child(8) > .letter:nth-child(8) {
  --letter: "F";
}
.ring:nth-child(8) > .letter:nth-child(9) {
  --letter: "O";
}
.ring:nth-child(8) > .letter:nth-child(10) {
  --letter: "V";
}
.ring:nth-child(8) > .letter:nth-child(11) {
  --letter: "T";
}
.ring:nth-child(8) > .letter:nth-child(12) {
  --letter: "M";
}
.ring:nth-child(8) > .letter:nth-child(13) {
  --letter: "W";
}
.ring:nth-child(8) > .letter:nth-child(14) {
  --letter: "P";
}
.ring:nth-child(8) > .letter:nth-child(15) {
  --letter: "G";
}
.ring:nth-child(8) > .letter:nth-child(16) {
  --letter: "S";
}
.ring:nth-child(9) {
  --depth: -450px;
  --light: 25%;
  --delay: -1.2s;
}
.ring:nth-child(9) > .letter:nth-child(1) {
  --letter: "L";
}
.ring:nth-child(9) > .letter:nth-child(2) {
  --letter: "W";
}
.ring:nth-child(9) > .letter:nth-child(3) {
  --letter: "M";
}
.ring:nth-child(9) > .letter:nth-child(4) {
  --letter: "K";
}
.ring:nth-child(9) > .letter:nth-child(5) {
  --letter: "P";
}
.ring:nth-child(9) > .letter:nth-child(6) {
  --letter: "I";
}
.ring:nth-child(9) > .letter:nth-child(7) {
  --letter: "D";
}
.ring:nth-child(9) > .letter:nth-child(8) {
  --letter: "H";
}
.ring:nth-child(9) > .letter:nth-child(9) {
  --letter: "D";
}
.ring:nth-child(9) > .letter:nth-child(10) {
  --letter: "F";
}
.ring:nth-child(9) > .letter:nth-child(11) {
  --letter: "J";
}
.ring:nth-child(9) > .letter:nth-child(12) {
  --letter: "V";
}
.ring:nth-child(9) > .letter:nth-child(13) {
  --letter: "P";
}
.ring:nth-child(9) > .letter:nth-child(14) {
  --letter: "N";
}
.ring:nth-child(9) > .letter:nth-child(15) {
  --letter: "U";
}
.ring:nth-child(9) > .letter:nth-child(16) {
  --letter: "O";
}
.ring:nth-child(10) {
  --depth: -550px;
  --light: 23.125%;
  --delay: -1.35s;
}
.ring:nth-child(10) > .letter:nth-child(1) {
  --letter: "D";
}
.ring:nth-child(10) > .letter:nth-child(2) {
  --letter: "J";
}
.ring:nth-child(10) > .letter:nth-child(3) {
  --letter: "F";
}
.ring:nth-child(10) > .letter:nth-child(4) {
  --letter: "E";
}
.ring:nth-child(10) > .letter:nth-child(5) {
  --letter: "Y";
}
.ring:nth-child(10) > .letter:nth-child(6) {
  --letter: "Q";
}
.ring:nth-child(10) > .letter:nth-child(7) {
  --letter: "N";
}
.ring:nth-child(10) > .letter:nth-child(8) {
  --letter: "E";
}
.ring:nth-child(10) > .letter:nth-child(9) {
  --letter: "J";
}
.ring:nth-child(10) > .letter:nth-child(10) {
  --letter: "W";
}
.ring:nth-child(10) > .letter:nth-child(11) {
  --letter: "V";
}
.ring:nth-child(10) > .letter:nth-child(12) {
  --letter: "D";
}
.ring:nth-child(10) > .letter:nth-child(13) {
  --letter: "U";
}
.ring:nth-child(10) > .letter:nth-child(14) {
  --letter: "L";
}
.ring:nth-child(10) > .letter:nth-child(15) {
  --letter: "H";
}
.ring:nth-child(10) > .letter:nth-child(16) {
  --letter: "T";
}
.ring:nth-child(11) {
  --depth: -650px;
  --light: 21.25%;
  --delay: -1.5s;
}
.ring:nth-child(11) > .letter:nth-child(1) {
  --letter: "B";
}
.ring:nth-child(11) > .letter:nth-child(2) {
  --letter: "C";
}
.ring:nth-child(11) > .letter:nth-child(3) {
  --letter: "W";
}
.ring:nth-child(11) > .letter:nth-child(4) {
  --letter: "D";
}
.ring:nth-child(11) > .letter:nth-child(5) {
  --letter: "Z";
}
.ring:nth-child(11) > .letter:nth-child(6) {
  --letter: "S";
}
.ring:nth-child(11) > .letter:nth-child(7) {
  --letter: "O";
}
.ring:nth-child(11) > .letter:nth-child(8) {
  --letter: "E";
}
.ring:nth-child(11) > .letter:nth-child(9) {
  --letter: "B";
}
.ring:nth-child(11) > .letter:nth-child(10) {
  --letter: "F";
}
.ring:nth-child(11) > .letter:nth-child(11) {
  --letter: "P";
}
.ring:nth-child(11) > .letter:nth-child(12) {
  --letter: "K";
}
.ring:nth-child(11) > .letter:nth-child(13) {
  --letter: "L";
}
.ring:nth-child(11) > .letter:nth-child(14) {
  --letter: "N";
}
.ring:nth-child(11) > .letter:nth-child(15) {
  --letter: "Q";
}
.ring:nth-child(11) > .letter:nth-child(16) {
  --letter: "S";
}
.ring:nth-child(12) {
  --depth: -750px;
  --light: 19.375%;
  --delay: -1.65s;
}
.ring:nth-child(12) > .letter:nth-child(1) {
  --letter: "Y";
}
.ring:nth-child(12) > .letter:nth-child(2) {
  --letter: "Z";
}
.ring:nth-child(12) > .letter:nth-child(3) {
  --letter: "X";
}
.ring:nth-child(12) > .letter:nth-child(4) {
  --letter: "H";
}
.ring:nth-child(12) > .letter:nth-child(5) {
  --letter: "V";
}
.ring:nth-child(12) > .letter:nth-child(6) {
  --letter: "S";
}
.ring:nth-child(12) > .letter:nth-child(7) {
  --letter: "B";
}
.ring:nth-child(12) > .letter:nth-child(8) {
  --letter: "A";
}
.ring:nth-child(12) > .letter:nth-child(9) {
  --letter: "D";
}
.ring:nth-child(12) > .letter:nth-child(10) {
  --letter: "E";
}
.ring:nth-child(12) > .letter:nth-child(11) {
  --letter: "I";
}
.ring:nth-child(12) > .letter:nth-child(12) {
  --letter: "N";
}
.ring:nth-child(12) > .letter:nth-child(13) {
  --letter: "B";
}
.ring:nth-child(12) > .letter:nth-child(14) {
  --letter: "L";
}
.ring:nth-child(12) > .letter:nth-child(15) {
  --letter: "M";
}
.ring:nth-child(12) > .letter:nth-child(16) {
  --letter: "I";
}
.ring:nth-child(13) {
  --depth: -850px;
  --light: 17.5%;
  --delay: -1.8s;
}
.ring:nth-child(13) > .letter:nth-child(1) {
  --letter: "S";
}
.ring:nth-child(13) > .letter:nth-child(2) {
  --letter: "S";
}
.ring:nth-child(13) > .letter:nth-child(3) {
  --letter: "T";
}
.ring:nth-child(13) > .letter:nth-child(4) {
  --letter: "C";
}
.ring:nth-child(13) > .letter:nth-child(5) {
  --letter: "D";
}
.ring:nth-child(13) > .letter:nth-child(6) {
  --letter: "Z";
}
.ring:nth-child(13) > .letter:nth-child(7) {
  --letter: "O";
}
.ring:nth-child(13) > .letter:nth-child(8) {
  --letter: "B";
}
.ring:nth-child(13) > .letter:nth-child(9) {
  --letter: "B";
}
.ring:nth-child(13) > .letter:nth-child(10) {
  --letter: "U";
}
.ring:nth-child(13) > .letter:nth-child(11) {
  --letter: "J";
}
.ring:nth-child(13) > .letter:nth-child(12) {
  --letter: "K";
}
.ring:nth-child(13) > .letter:nth-child(13) {
  --letter: "F";
}
.ring:nth-child(13) > .letter:nth-child(14) {
  --letter: "F";
}
.ring:nth-child(13) > .letter:nth-child(15) {
  --letter: "B";
}
.ring:nth-child(13) > .letter:nth-child(16) {
  --letter: "G";
}
.ring:nth-child(14) {
  --depth: -950px;
  --light: 15.625%;
  --delay: -1.95s;
}
.ring:nth-child(14) > .letter:nth-child(1) {
  --letter: "L";
}
.ring:nth-child(14) > .letter:nth-child(2) {
  --letter: "Q";
}
.ring:nth-child(14) > .letter:nth-child(3) {
  --letter: "D";
}
.ring:nth-child(14) > .letter:nth-child(4) {
  --letter: "O";
}
.ring:nth-child(14) > .letter:nth-child(5) {
  --letter: "R";
}
.ring:nth-child(14) > .letter:nth-child(6) {
  --letter: "F";
}
.ring:nth-child(14) > .letter:nth-child(7) {
  --letter: "X";
}
.ring:nth-child(14) > .letter:nth-child(8) {
  --letter: "C";
}
.ring:nth-child(14) > .letter:nth-child(9) {
  --letter: "T";
}
.ring:nth-child(14) > .letter:nth-child(10) {
  --letter: "J";
}
.ring:nth-child(14) > .letter:nth-child(11) {
  --letter: "H";
}
.ring:nth-child(14) > .letter:nth-child(12) {
  --letter: "A";
}
.ring:nth-child(14) > .letter:nth-child(13) {
  --letter: "R";
}
.ring:nth-child(14) > .letter:nth-child(14) {
  --letter: "O";
}
.ring:nth-child(14) > .letter:nth-child(15) {
  --letter: "P";
}
.ring:nth-child(14) > .letter:nth-child(16) {
  --letter: "F";
}
.ring:nth-child(15) {
  --depth: -1050px;
  --light: 13.75%;
  --delay: -2.1s;
}
.ring:nth-child(15) > .letter:nth-child(1) {
  --letter: "F";
}
.ring:nth-child(15) > .letter:nth-child(2) {
  --letter: "J";
}
.ring:nth-child(15) > .letter:nth-child(3) {
  --letter: "N";
}
.ring:nth-child(15) > .letter:nth-child(4) {
  --letter: "U";
}
.ring:nth-child(15) > .letter:nth-child(5) {
  --letter: "L";
}
.ring:nth-child(15) > .letter:nth-child(6) {
  --letter: "K";
}
.ring:nth-child(15) > .letter:nth-child(7) {
  --letter: "Y";
}
.ring:nth-child(15) > .letter:nth-child(8) {
  --letter: "J";
}
.ring:nth-child(15) > .letter:nth-child(9) {
  --letter: "P";
}
.ring:nth-child(15) > .letter:nth-child(10) {
  --letter: "K";
}
.ring:nth-child(15) > .letter:nth-child(11) {
  --letter: "A";
}
.ring:nth-child(15) > .letter:nth-child(12) {
  --letter: "P";
}
.ring:nth-child(15) > .letter:nth-child(13) {
  --letter: "A";
}
.ring:nth-child(15) > .letter:nth-child(14) {
  --letter: "G";
}
.ring:nth-child(15) > .letter:nth-child(15) {
  --letter: "B";
}
.ring:nth-child(15) > .letter:nth-child(16) {
  --letter: "A";
}
.ring:nth-child(16) {
  --depth: -1150px;
  --light: 11.875%;
  --delay: -2.25s;
}
.ring:nth-child(16) > .letter:nth-child(1) {
  --letter: "R";
}
.ring:nth-child(16) > .letter:nth-child(2) {
  --letter: "H";
}
.ring:nth-child(16) > .letter:nth-child(3) {
  --letter: "O";
}
.ring:nth-child(16) > .letter:nth-child(4) {
  --letter: "V";
}
.ring:nth-child(16) > .letter:nth-child(5) {
  --letter: "F";
}
.ring:nth-child(16) > .letter:nth-child(6) {
  --letter: "E";
}
.ring:nth-child(16) > .letter:nth-child(7) {
  --letter: "U";
}
.ring:nth-child(16) > .letter:nth-child(8) {
  --letter: "N";
}
.ring:nth-child(16) > .letter:nth-child(9) {
  --letter: "T";
}
.ring:nth-child(16) > .letter:nth-child(10) {
  --letter: "S";
}
.ring:nth-child(16) > .letter:nth-child(11) {
  --letter: "Z";
}
.ring:nth-child(16) > .letter:nth-child(12) {
  --letter: "N";
}
.ring:nth-child(16) > .letter:nth-child(13) {
  --letter: "C";
}
.ring:nth-child(16) > .letter:nth-child(14) {
  --letter: "X";
}
.ring:nth-child(16) > .letter:nth-child(15) {
  --letter: "E";
}
.ring:nth-child(16) > .letter:nth-child(16) {
  --letter: "I";
}

.letter {
  position: absolute;
  -webkit-animation: letterAngle 16s -8s infinite alternate linear;
          animation: letterAngle 16s -8s infinite alternate linear;
}
@-webkit-keyframes letterAngle {
  from {
    transform: rotateY(var(--angle, 0deg)) translateZ(-200px) rotate(25deg);
  }
  to {
    transform: rotateY(var(--angle, 0deg)) translateZ(-200px) rotate(-25deg);
  }
}
@keyframes letterAngle {
  from {
    transform: rotateY(var(--angle, 0deg)) translateZ(-200px) rotate(25deg);
  }
  to {
    transform: rotateY(var(--angle, 0deg)) translateZ(-200px) rotate(-25deg);
  }
}
.letter:nth-child(1) {
  --angle: 0deg;
}
.letter:nth-child(2) {
  --angle: 22.5deg;
}
.letter:nth-child(3) {
  --angle: 45deg;
}
.letter:nth-child(4) {
  --angle: 67.5deg;
}
.letter:nth-child(5) {
  --angle: 90deg;
}
.letter:nth-child(6) {
  --angle: 112.5deg;
}
.letter:nth-child(7) {
  --angle: 135deg;
}
.letter:nth-child(8) {
  --angle: 157.5deg;
}
.letter:nth-child(9) {
  --angle: 180deg;
}
.letter:nth-child(10) {
  --angle: 202.5deg;
}
.letter:nth-child(11) {
  --angle: 225deg;
}
.letter:nth-child(12) {
  --angle: 247.5deg;
}
.letter:nth-child(13) {
  --angle: 270deg;
}
.letter:nth-child(14) {
  --angle: 292.5deg;
}
.letter:nth-child(15) {
  --angle: 315deg;
}
.letter:nth-child(16) {
  --angle: 337.5deg;
}
.letter::after {
  content: var(--letter, ".");
  position: absolute;
  font-size: 100px;
  transform: translate(-50%, -50%);
}