@keyframes move-background{0%{transform:translate(0,0)}to{transform:translate(1000px)}}.background-container{z-index:1;opacity:.7;position:absolute;inset:0;overflow:hidden}.stars{z-index:0;background:#000 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png);display:block;position:absolute;inset:0}.twinkling{z-index:2;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png) 0 0/1000px 1000px;width:10000px;height:100%;animation:30s linear infinite move-background;position:absolute;top:0;bottom:0;right:0}.clouds{z-index:3;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/clouds_repeat.png) 0 0/1000px 1000px;width:10000px;height:100%;animation:50s linear infinite move-background;position:absolute;top:0;bottom:0;right:0}.hero-letters{grid-auto-flow:column;place-items:center;gap:.5rem;display:grid}.hero-letter{letter-spacing:5px;color:#0000;-webkit-text-stroke:2px #fff;cursor:pointer;text-shadow:none;font-size:60px;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-letter:hover{color:#fff;-webkit-text-stroke:2px transparent;text-shadow:0 10px 20px #0003;transform:scale(1.5)}@keyframes slowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.animate-slow-bounce{animation:1.4s ease-in-out infinite slowBounce}