body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Comic Sans MS,Comic Sans,cursive;margin:0}.background{--dot-timing:4s;background-color:#5e69ea;color:#fff;display:flex;font-size:3rem;justify-content:center;padding:.5em}.message{position:relative;transition:all .38s ease-in-out}.message.up{top:-200px}.message.left{left:-100%}.message.right{left:100%}.message.center{left:0}.effect-af{color:transparent}@media (prefers-reduced-motion:no-preference){.effect-af{-webkit-animation:af 4s linear infinite;animation:af 4s linear infinite}.dot1{-webkit-animation:dot1 infinite var(--dot-timing) step-start;animation:dot1 infinite var(--dot-timing) step-start}.dot2{-webkit-animation:dot2 infinite var(--dot-timing) step-start;animation:dot2 infinite var(--dot-timing) step-start}.dot3{-webkit-animation:dot3 infinite var(--dot-timing) step-start;animation:dot3 infinite var(--dot-timing) step-start}}@-webkit-keyframes dot1{0%,25%{opacity:0}to{opacity:1}}@keyframes dot1{0%,25%{opacity:0}to{opacity:1}}@-webkit-keyframes dot2{0%,50%{opacity:0}to{opacity:1}}@keyframes dot2{0%,50%{opacity:0}to{opacity:1}}@-webkit-keyframes dot3{0%,75%{opacity:0}to{opacity:1}}@keyframes dot3{0%,75%{opacity:0}to{opacity:1}}@-webkit-keyframes slide{0%{left:100%}2%,98%{left:0}to{left:-100%}}@keyframes slide{0%{left:100%}2%,98%{left:0}to{left:-100%}}@-webkit-keyframes af{0%,to{text-shadow:0 0 12px #fff}25%{text-shadow:0 0 6px #fff}50%{text-shadow:0 0 9px #fff}75%{text-shadow:0 0 0 #fff}}@keyframes af{0%,to{text-shadow:0 0 12px #fff}25%{text-shadow:0 0 6px #fff}50%{text-shadow:0 0 9px #fff}75%{text-shadow:0 0 0 #fff}}
/*# sourceMappingURL=main.f067166e.css.map*/