:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:4em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0;padding:0;text-align:center}#maindiv{position:fixed;top:50%;left:50%;translate:-50% -50%}span{background-color:#0000;outline:none;font-size:4em;cursor:pointer;transition:all .5s}span:hover{color:#1a1a1a;background-color:#ffffffde}.noname{display:inline;font-family:Rokkitt,Georgia;color:#ffffffde;margin:5px}.notification{position:fixed;display:flex;padding:5px 10px;top:5px;left:50%;transform:translate(-50%);border-radius:10px;background-color:#1a1a1add;font-family:Rokkitt,Georgia;align-items:center}.ok{font-family:inherit;font-size:1em;background-color:#1a1a1a}.notification-content{font-family:inherit;font-size:1em}@media (max-width: 768px){.scroll-container{padding:5px}.scroll-text-top,.scroll-text-bottom,.scroll-text-left,.scroll-text-right{font-size:1.5em}#maindiv{position:fixed;top:50%;left:50%;translate:-50% -50%;width:90%}.submit-button{padding:10px 20px;font-size:1.2em}}.scroll-container{border:none;border-radius:5px;overflow:hidden;display:inline-block;padding:0}.scroll-container.top{position:fixed;top:5px;left:50%;transform:translate(-50%)}.scroll-container.bottom{position:fixed;bottom:5px;left:50%;transform:translate(-50%)}.scroll-container.left{position:fixed;text-align:left;left:5px;top:50%;transform:translateY(-50%);transform-origin:bottom left}.scroll-container.right{position:fixed;text-align:right;right:5px;top:50%;transform:translateY(-50%);transform-origin:bottom right}.scroll-text-top,.scroll-text-bottom,.scroll-text-left,.scroll-text-right{display:inline-block;font: 2em Georgia;color:#ffffffde;white-space:nowrap}.scroll-text-top{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%);-moz-animation:top-animation 20s linear infinite;-webkit-animation:top-animation 20s linear infinite;animation:top-animation 20s linear infinite}@-moz-keyframes top-animation{0%{-moz-transform:translateX(100%)}to{-moz-transform:translateX(-100%)}}@-webkit-keyframes top-animation{0%{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(-100%)}}@keyframes top-animation{0%{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}}.scroll-text-bottom{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%);-moz-animation:bottom-animation 20s linear infinite;-webkit-animation:bottom-animation 20s linear infinite;animation:bottom-animation 20s linear infinite}@-moz-keyframes bottom-animation{0%{-moz-transform:translateX(-100%)}to{-moz-transform:translateX(100%)}}@-webkit-keyframes bottom-animation{0%{-webkit-transform:translateX(-100%)}to{-webkit-transform:translateX(100%)}}@keyframes bottom-animation{0%{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%)}}.scroll-text-right{line-height:15px;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-animation:right-animation 20s linear infinite;-webkit-animation:right-animation 20s linear infinite;animation:right-animation 20s linear infinite}@-moz-keyframes right-animation{0%{-moz-transform:translateY(100%)}to{-moz-transform:translateY(-100%)}}@-webkit-keyframes right-animation{0%{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(-100%)}}@keyframes right-animation{0%{-moz-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}to{-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.scroll-text-left{line-height:15px;-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);-moz-animation:left-animation 20s linear infinite;-webkit-animation:left-animation 20s linear infinite;animation:left-animation 20s linear infinite}@-moz-keyframes left-animation{0%{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(100%)}}@-webkit-keyframes left-animation{0%{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(100%)}}@keyframes left-animation{0%{-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-moz-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}}@media (max-width: 768px){.scroll-container.left{transform:rotate(90deg);top:0%}.scroll-container.right{transform:rotate(-90deg);top:0%}.scroll-text-right{line-height:25px;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-animation:bottom-animation 20s linear infinite;-webkit-animation:bottom-animation 20s linear infinite;animation:bottom-animation 20s linear infinite}.scroll-text-left{line-height:25px;-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);-moz-animation:bottom-animation 20s linear infinite;-webkit-animation:bottom-animation 20s linear infinite;animation:bottom-animation 20s linear infinite}}