@keyframes bg{100%{background-position:40vw 80vw}}html,body{height:100%}body{animation-duration:20s;animation-iteration-count:infinite;animation-name:bg;animation-timing-function:linear;background-color:#a4e4fc;background-image:url("../img/page/bg.png?20241129");background-position:0 0;background-repeat:repeat;background-size:20vw 20vw;color:#0000bc;cursor:default;font-family:monospace;line-height:normal;margin:0;padding:0;text-align:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 767px){body{background-size:40vw 40vw}}a{color:inherit}a:hover{text-decoration:none}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}@keyframes hero-bg{0%,100%{background-color:#d800cc}14.285714%{background-color:#4428bc}28.571428%{background-color:#0000bc}42.857142%{background-color:#004058}57.142856%{background-color:#e45c0f}71.42857%{background-color:#f83800}85.714284%{background-color:#a81000}}@keyframes hero-blink{to{visibility:hidden}}.hero{margin:auto;max-width:1280px;position:relative;width:90%}.hero:before{animation-direction:alternate;animation-duration:30s;animation-iteration-count:infinite;animation-name:hero-bg;animation-timing-function:linear;background-color:blue;border-radius:2em;bottom:0;box-shadow:0 0 0px 4px #0000bc;content:'';display:block;left:0;padding-bottom:56.25%;position:absolute;right:0;width:100%}.hero:after{content:'';display:block;padding-bottom:62.5%;pointer-events:none;width:100%}.hero>div{background-image:url("../img/page/hero-bg.gif");background-position:center center;background-repeat:repeat;background-size:50% auto;border-radius:2em;bottom:0;content:'';display:block;left:0;overflow:hidden;padding-bottom:56.25%;position:absolute;right:0;width:100%}.hero canvas,.hero img,.hero video{bottom:0;display:block;height:auto;left:0;position:absolute;right:0;width:100%}.hero .blink{animation:hero-blink 2s steps(5, start) infinite}.newsletter{background:white;border-radius:2em;box-shadow:0 0 0px 4px #0000bc;margin:5em auto;max-width:1280px;overflow:hidden;position:relative;width:90%}.newsletter h2{font-size:2em;margin:2em auto;max-width:22em;width:90%}@media (max-width: 767px){.newsletter h2{font-size:1.5em}}.characters{display:flex;justify-content:space-between;margin:5em auto;max-width:1280px;position:relative;width:90%}.characters>div{background:white;border-radius:2em;box-shadow:0 0 0px 4px #0000bc;overflow:hidden;width:30%}.characters>div>img{display:block;height:auto;width:100%}@media (max-width: 767px){.characters{flex-direction:column}.characters>div{margin-top:2.5em;width:100%}.characters>div:first-child{margin-top:0}}@keyframes logo{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.logo{font-size:1em;margin:0;padding:0}.logo svg{animation-direction:alternate;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:logo;animation-timing-function:ease-in-out;display:block;fill:currentColor;height:10em;margin:auto;transform:rotate(-5deg);width:10em}.copyright{padding:0 0 5em 0}@media (prefers-reduced-motion){body{animation:none}.logo svg{animation:none}.hero:before,.hero .blink{animation:none}}