@keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff;overflow:hidden;position:relative;font-family:Georgia,serif;font-style:italic;font-weight:700}#scrolling-text{font-family:monospace;font-size:18px;font-style:italic;font-weight:700;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 150s linear infinite;animation-delay:3s;white-space:nowrap}#main-container{position:relative;width:800px}#a{width:100%;max-width:800px}#d{display:none}.playButton{position:absolute;top:50%;left:32.7%;width:73px;height:122px;background-color:#000;color:#5dff5d;border:none;font-size:50px;cursor:pointer}
.stopButton{position:absolute;top:50%;left:59.1%;width:74px;height:122px;background-color:#000;color:#fff;border:none;font-size:50px;cursor:pointer}.text{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font:italic bold 700 Georgia,serif;top:480px;font-size:20px;line-height:1;color:#303030;z-index:1}.t1,.t2,.t3{display:block;animation-duration:5s;animation-iteration-count:infinite}.t1{color:#b0f;position:relative;top:-30px;text-shadow:2px 2px 4px rgba(187,0,255,.5);animation-name:colorPulseT2,growAndShrink;animation-timing-function:ease-out,ease-out,linear;animation-duration:75s,75s,37.5s;margin-top:0;z-index:3}.t2{color:#979797;position:relative;top:-10px;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:2}.t3{color:#606060;font-size:40px;text-shadow:2px 2px 4px rgba(111,111,111,.5);animation-name:colorPulseT3;animation-timing-function:ease-in-out;animation-duration:3s;z-index:1}.t3 .left{display:inline-block;animation:moveLeftApart 36.57s ease-in-out infinite}.t3 .right{display:inline-block;animation:moveRightApart 36.57s ease-in-out infinite}
@keyframes colorPulseT1{0%,100%{color:#b0f;text-shadow:2px 2px 4px rgba(187,0,255,.5)}50%{color:#f0b;text-shadow:2px 2px 4px rgba(255,0,187,.5)}}@keyframes colorPulseT2{0%,100%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #a5a5a5,0 0 40px #666}25%{color:#9d9d9d;text-shadow:0 0 10px #393939,0 0 20px #000,0 0 30px #616161,0 0 40px #999}50%{color:#8a8a8a;text-shadow:0 0 10px #fffd9b,0 0 20px #ffa3a3,0 0 30px #ffb162,0 0 40px #ff0}75%{color:#000;text-shadow:0 0 10px #ffb700,0 0 20px #ff6200,0 0 30px red,0 0 40px #a2a2a2}}@keyframes colorPulseT3{0%,100%{color:#606060;text-shadow:2px 2px 4px rgba(111,111,111,.5)}50%{color:#909090;text-shadow:2px 2px 4px rgba(144,144,144,.5)}}@keyframes growAndShrink{0%,100%{transform:scale(.5)}50%{transform:scale(1.66)}}@keyframes moveLeftApart{0%,100%{transform:translateX(0)}50%{transform:translateX(-20px)}}@keyframes moveRightApart{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}@keyframes expandAndContract{0%,100%{letter-spacing:0;margin-left:0}
50%{letter-spacing:10px;margin-left:-5px}}@keyframes rotateText{0%{transform:rotate(0deg)}33%{transform:rotate(5deg)}66%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}@keyframes moveSideToSide{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}