body{position:fixed;top:0;left:0;width:100%;min-height:100vh;background-color:#fff;font-family:monospace}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh}.page__inner{max-width:600px}.title{color:#000;position:relative}@-webkit-keyframes title-anim-1{0%{clip-path:inset(8700% 0 1000% 0)}6.6666666667%{clip-path:inset(5300% 0 3400% 0)}13.3333333333%{clip-path:inset(3700% 0 5900% 0)}20%{clip-path:inset(2200% 0 3800% 0)}26.6666666667%{clip-path:inset(3400% 0 1100% 0)}33.3333333333%{clip-path:inset(8200% 0 600% 0)}40%{clip-path:inset(3700% 0 4900% 0)}46.6666666667%{clip-path:inset(1200% 0 400% 0)}53.3333333333%{clip-path:inset(6500% 0 1800% 0)}60%{clip-path:inset(2700% 0 7300% 0)}66.6666666667%{clip-path:inset(900% 0 100% 0)}73.3333333333%{clip-path:inset(3200% 0 1800% 0)}80%{clip-path:inset(1600% 0 6400% 0)}86.6666666667%{clip-path:inset(7500% 0 2600% 0)}93.3333333333%{clip-path:inset(8800% 0 300% 0)}100%{clip-path:inset(8900% 0 100% 0)}}@keyframes title-anim-1{0%{clip-path:inset(8700% 0 1000% 0)}6.6666666667%{clip-path:inset(5300% 0 3400% 0)}13.3333333333%{clip-path:inset(3700% 0 5900% 0)}20%{clip-path:inset(2200% 0 3800% 0)}26.6666666667%{clip-path:inset(3400% 0 1100% 0)}33.3333333333%{clip-path:inset(8200% 0 600% 0)}40%{clip-path:inset(3700% 0 4900% 0)}46.6666666667%{clip-path:inset(1200% 0 400% 0)}53.3333333333%{clip-path:inset(6500% 0 1800% 0)}60%{clip-path:inset(2700% 0 7300% 0)}66.6666666667%{clip-path:inset(900% 0 100% 0)}73.3333333333%{clip-path:inset(3200% 0 1800% 0)}80%{clip-path:inset(1600% 0 6400% 0)}86.6666666667%{clip-path:inset(7500% 0 2600% 0)}93.3333333333%{clip-path:inset(8800% 0 300% 0)}100%{clip-path:inset(8900% 0 100% 0)}}@-webkit-keyframes title-anim-2{0%{clip-path:inset(4400% 0 4600% 0)}6.6666666667%{clip-path:inset(8800% 0 100% 0)}13.3333333333%{clip-path:inset(9900% 0 200% 0)}20%{clip-path:inset(6100% 0 600% 0)}26.6666666667%{clip-path:inset(3400% 0 6600% 0)}33.3333333333%{clip-path:inset(1300% 0 2300% 0)}40%{clip-path:inset(7600% 0 700% 0)}46.6666666667%{clip-path:inset(7500% 0 2000% 0)}53.3333333333%{clip-path:inset(7500% 0 1400% 0)}60%{clip-path:inset(6100% 0 2000% 0)}66.6666666667%{clip-path:inset(5100% 0 1600% 0)}73.3333333333%{clip-path:inset(1200% 0 3400% 0)}80%{clip-path:inset(5000% 0 3000% 0)}86.6666666667%{clip-path:inset(600% 0 7400% 0)}93.3333333333%{clip-path:inset(9400% 0 400% 0)}100%{clip-path:inset(9000% 0 400% 0)}}@keyframes title-anim-2{0%{clip-path:inset(4400% 0 4600% 0)}6.6666666667%{clip-path:inset(8800% 0 100% 0)}13.3333333333%{clip-path:inset(9900% 0 200% 0)}20%{clip-path:inset(6100% 0 600% 0)}26.6666666667%{clip-path:inset(3400% 0 6600% 0)}33.3333333333%{clip-path:inset(1300% 0 2300% 0)}40%{clip-path:inset(7600% 0 700% 0)}46.6666666667%{clip-path:inset(7500% 0 2000% 0)}53.3333333333%{clip-path:inset(7500% 0 1400% 0)}60%{clip-path:inset(6100% 0 2000% 0)}66.6666666667%{clip-path:inset(5100% 0 1600% 0)}73.3333333333%{clip-path:inset(1200% 0 3400% 0)}80%{clip-path:inset(5000% 0 3000% 0)}86.6666666667%{clip-path:inset(600% 0 7400% 0)}93.3333333333%{clip-path:inset(9400% 0 400% 0)}100%{clip-path:inset(9000% 0 400% 0)}}.title::after,.title::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;line-height:inherit;background:#fff}.title::after{left:2px;text-shadow:-.02rem 0 #cacaca;animation:title-anim-1 3s infinite linear alternate-reverse}.title::before{left:-2px;text-shadow:.02rem 0 red;animation:title-anim-2 4s infinite linear alternate-reverse}.title{font-size:40px;font-weight:700;margin-bottom:20px}.subtitle{color:#000;position:relative}@-webkit-keyframes subtitle-anim-1{0%{clip-path:inset(1700% 0 5300% 0)}6.6666666667%{clip-path:inset(9600% 0 100% 0)}13.3333333333%{clip-path:inset(9400% 0 100% 0)}20%{clip-path:inset(5300% 0 1100% 0)}26.6666666667%{clip-path:inset(5600% 0 2600% 0)}33.3333333333%{clip-path:inset(9300% 0 700% 0)}40%{clip-path:inset(6900% 0 1000% 0)}46.6666666667%{clip-path:inset(4700% 0 400% 0)}53.3333333333%{clip-path:inset(5000% 0 5100% 0)}60%{clip-path:inset(2400% 0 3700% 0)}66.6666666667%{clip-path:inset(8900% 0 100% 0)}73.3333333333%{clip-path:inset(1900% 0 6000% 0)}80%{clip-path:inset(9000% 0 600% 0)}86.6666666667%{clip-path:inset(9300% 0 600% 0)}93.3333333333%{clip-path:inset(400% 0 1300% 0)}100%{clip-path:inset(5100% 0 4200% 0)}}@keyframes subtitle-anim-1{0%{clip-path:inset(1700% 0 5300% 0)}6.6666666667%{clip-path:inset(9600% 0 100% 0)}13.3333333333%{clip-path:inset(9400% 0 100% 0)}20%{clip-path:inset(5300% 0 1100% 0)}26.6666666667%{clip-path:inset(5600% 0 2600% 0)}33.3333333333%{clip-path:inset(9300% 0 700% 0)}40%{clip-path:inset(6900% 0 1000% 0)}46.6666666667%{clip-path:inset(4700% 0 400% 0)}53.3333333333%{clip-path:inset(5000% 0 5100% 0)}60%{clip-path:inset(2400% 0 3700% 0)}66.6666666667%{clip-path:inset(8900% 0 100% 0)}73.3333333333%{clip-path:inset(1900% 0 6000% 0)}80%{clip-path:inset(9000% 0 600% 0)}86.6666666667%{clip-path:inset(9300% 0 600% 0)}93.3333333333%{clip-path:inset(400% 0 1300% 0)}100%{clip-path:inset(5100% 0 4200% 0)}}@-webkit-keyframes subtitle-anim-2{0%{clip-path:inset(400% 0 7000% 0)}6.6666666667%{clip-path:inset(2500% 0 2300% 0)}13.3333333333%{clip-path:inset(2200% 0 4800% 0)}20%{clip-path:inset(4700% 0 1600% 0)}26.6666666667%{clip-path:inset(7000% 0 1000% 0)}33.3333333333%{clip-path:inset(9200% 0 200% 0)}40%{clip-path:inset(5800% 0 1900% 0)}46.6666666667%{clip-path:inset(8800% 0 500% 0)}53.3333333333%{clip-path:inset(9200% 0 700% 0)}60%{clip-path:inset(8800% 0 1000% 0)}66.6666666667%{clip-path:inset(3800% 0 6200% 0)}73.3333333333%{clip-path:inset(2900% 0 6900% 0)}80%{clip-path:inset(4000% 0 3300% 0)}86.6666666667%{clip-path:inset(9800% 0 100% 0)}93.3333333333%{clip-path:inset(9700% 0 200% 0)}100%{clip-path:inset(300% 0 1700% 0)}}@keyframes subtitle-anim-2{0%{clip-path:inset(400% 0 7000% 0)}6.6666666667%{clip-path:inset(2500% 0 2300% 0)}13.3333333333%{clip-path:inset(2200% 0 4800% 0)}20%{clip-path:inset(4700% 0 1600% 0)}26.6666666667%{clip-path:inset(7000% 0 1000% 0)}33.3333333333%{clip-path:inset(9200% 0 200% 0)}40%{clip-path:inset(5800% 0 1900% 0)}46.6666666667%{clip-path:inset(8800% 0 500% 0)}53.3333333333%{clip-path:inset(9200% 0 700% 0)}60%{clip-path:inset(8800% 0 1000% 0)}66.6666666667%{clip-path:inset(3800% 0 6200% 0)}73.3333333333%{clip-path:inset(2900% 0 6900% 0)}80%{clip-path:inset(4000% 0 3300% 0)}86.6666666667%{clip-path:inset(9800% 0 100% 0)}93.3333333333%{clip-path:inset(9700% 0 200% 0)}100%{clip-path:inset(300% 0 1700% 0)}}.subtitle::after,.subtitle::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;line-height:inherit;background:#fff}.subtitle::after{left:2px;text-shadow:-.02rem 0 #cacaca;animation:subtitle-anim-1 3s infinite linear alternate-reverse}.subtitle::before{left:-2px;text-shadow:.02rem 0 red;animation:subtitle-anim-2 4s infinite linear alternate-reverse}.subtitle{font-size:30px;font-weight:700;margin-bottom:20px}.msg{color:#000;position:relative}@-webkit-keyframes msg-anim-1{0%{clip-path:inset(2900% 0 3400% 0)}6.6666666667%{clip-path:inset(3600% 0 6200% 0)}13.3333333333%{clip-path:inset(8900% 0 500% 0)}20%{clip-path:inset(3500% 0 4000% 0)}26.6666666667%{clip-path:inset(8700% 0 1100% 0)}33.3333333333%{clip-path:inset(3600% 0 2700% 0)}40%{clip-path:inset(6400% 0 2900% 0)}46.6666666667%{clip-path:inset(7300% 0 400% 0)}53.3333333333%{clip-path:inset(1900% 0 4700% 0)}60%{clip-path:inset(7700% 0 300% 0)}66.6666666667%{clip-path:inset(1100% 0 2200% 0)}73.3333333333%{clip-path:inset(4100% 0 4800% 0)}80%{clip-path:inset(3700% 0 600% 0)}86.6666666667%{clip-path:inset(7800% 0 2100% 0)}93.3333333333%{clip-path:inset(5800% 0 800% 0)}100%{clip-path:inset(9200% 0 800% 0)}}@keyframes msg-anim-1{0%{clip-path:inset(2900% 0 3400% 0)}6.6666666667%{clip-path:inset(3600% 0 6200% 0)}13.3333333333%{clip-path:inset(8900% 0 500% 0)}20%{clip-path:inset(3500% 0 4000% 0)}26.6666666667%{clip-path:inset(8700% 0 1100% 0)}33.3333333333%{clip-path:inset(3600% 0 2700% 0)}40%{clip-path:inset(6400% 0 2900% 0)}46.6666666667%{clip-path:inset(7300% 0 400% 0)}53.3333333333%{clip-path:inset(1900% 0 4700% 0)}60%{clip-path:inset(7700% 0 300% 0)}66.6666666667%{clip-path:inset(1100% 0 2200% 0)}73.3333333333%{clip-path:inset(4100% 0 4800% 0)}80%{clip-path:inset(3700% 0 600% 0)}86.6666666667%{clip-path:inset(7800% 0 2100% 0)}93.3333333333%{clip-path:inset(5800% 0 800% 0)}100%{clip-path:inset(9200% 0 800% 0)}}@-webkit-keyframes msg-anim-2{0%{clip-path:inset(2000% 0 1800% 0)}6.6666666667%{clip-path:inset(6700% 0 2400% 0)}13.3333333333%{clip-path:inset(7800% 0 2000% 0)}20%{clip-path:inset(6900% 0 2200% 0)}26.6666666667%{clip-path:inset(900% 0 4300% 0)}33.3333333333%{clip-path:inset(1400% 0 300% 0)}40%{clip-path:inset(6800% 0 2000% 0)}46.6666666667%{clip-path:inset(2100% 0 300% 0)}53.3333333333%{clip-path:inset(3300% 0 6400% 0)}60%{clip-path:inset(3000% 0 3400% 0)}66.6666666667%{clip-path:inset(9200% 0 300% 0)}73.3333333333%{clip-path:inset(4400% 0 1100% 0)}80%{clip-path:inset(1200% 0 7300% 0)}86.6666666667%{clip-path:inset(9800% 0 300% 0)}93.3333333333%{clip-path:inset(1400% 0 7600% 0)}100%{clip-path:inset(6500% 0 1100% 0)}}@keyframes msg-anim-2{0%{clip-path:inset(2000% 0 1800% 0)}6.6666666667%{clip-path:inset(6700% 0 2400% 0)}13.3333333333%{clip-path:inset(7800% 0 2000% 0)}20%{clip-path:inset(6900% 0 2200% 0)}26.6666666667%{clip-path:inset(900% 0 4300% 0)}33.3333333333%{clip-path:inset(1400% 0 300% 0)}40%{clip-path:inset(6800% 0 2000% 0)}46.6666666667%{clip-path:inset(2100% 0 300% 0)}53.3333333333%{clip-path:inset(3300% 0 6400% 0)}60%{clip-path:inset(3000% 0 3400% 0)}66.6666666667%{clip-path:inset(9200% 0 300% 0)}73.3333333333%{clip-path:inset(4400% 0 1100% 0)}80%{clip-path:inset(1200% 0 7300% 0)}86.6666666667%{clip-path:inset(9800% 0 300% 0)}93.3333333333%{clip-path:inset(1400% 0 7600% 0)}100%{clip-path:inset(6500% 0 1100% 0)}}.msg::after,.msg::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;line-height:inherit;background:#fff}.msg::after{left:2px;text-shadow:-.02rem 0 #cacaca;animation:msg-anim-1 3s infinite linear alternate-reverse}.msg::before{left:-2px;text-shadow:.02rem 0 red;animation:msg-anim-2 4s infinite linear alternate-reverse}.msg{font-size:18px;line-height:1.5;margin-bottom:20px}.refresh a{color:red;position:relative}@-webkit-keyframes refresh-anim-1{0%{clip-path:inset(7900% 0 300% 0)}6.6666666667%{clip-path:inset(2500% 0 5500% 0)}13.3333333333%{clip-path:inset(8900% 0 900% 0)}20%{clip-path:inset(200% 0 5800% 0)}26.6666666667%{clip-path:inset(700% 0 2400% 0)}33.3333333333%{clip-path:inset(7500% 0 300% 0)}40%{clip-path:inset(1800% 0 5400% 0)}46.6666666667%{clip-path:inset(8000% 0 800% 0)}53.3333333333%{clip-path:inset(8500% 0 400% 0)}60%{clip-path:inset(3600% 0 2800% 0)}66.6666666667%{clip-path:inset(2300% 0 7500% 0)}73.3333333333%{clip-path:inset(6000% 0 1400% 0)}80%{clip-path:inset(100% 0 1600% 0)}86.6666666667%{clip-path:inset(9500% 0 200% 0)}93.3333333333%{clip-path:inset(3000% 0 3600% 0)}100%{clip-path:inset(4400% 0 4600% 0)}}@keyframes refresh-anim-1{0%{clip-path:inset(7900% 0 300% 0)}6.6666666667%{clip-path:inset(2500% 0 5500% 0)}13.3333333333%{clip-path:inset(8900% 0 900% 0)}20%{clip-path:inset(200% 0 5800% 0)}26.6666666667%{clip-path:inset(700% 0 2400% 0)}33.3333333333%{clip-path:inset(7500% 0 300% 0)}40%{clip-path:inset(1800% 0 5400% 0)}46.6666666667%{clip-path:inset(8000% 0 800% 0)}53.3333333333%{clip-path:inset(8500% 0 400% 0)}60%{clip-path:inset(3600% 0 2800% 0)}66.6666666667%{clip-path:inset(2300% 0 7500% 0)}73.3333333333%{clip-path:inset(6000% 0 1400% 0)}80%{clip-path:inset(100% 0 1600% 0)}86.6666666667%{clip-path:inset(9500% 0 200% 0)}93.3333333333%{clip-path:inset(3000% 0 3600% 0)}100%{clip-path:inset(4400% 0 4600% 0)}}@-webkit-keyframes refresh-anim-2{0%{clip-path:inset(3500% 0 2000% 0)}6.6666666667%{clip-path:inset(4500% 0 1700% 0)}13.3333333333%{clip-path:inset(500% 0 8900% 0)}20%{clip-path:inset(900% 0 3400% 0)}26.6666666667%{clip-path:inset(1500% 0 1800% 0)}33.3333333333%{clip-path:inset(100% 0 2300% 0)}40%{clip-path:inset(8200% 0 500% 0)}46.6666666667%{clip-path:inset(200% 0 3400% 0)}53.3333333333%{clip-path:inset(4400% 0 1100% 0)}60%{clip-path:inset(1400% 0 3600% 0)}66.6666666667%{clip-path:inset(3100% 0 1000% 0)}73.3333333333%{clip-path:inset(5600% 0 3800% 0)}80%{clip-path:inset(7600% 0 300% 0)}86.6666666667%{clip-path:inset(6000% 0 3300% 0)}93.3333333333%{clip-path:inset(9300% 0 200% 0)}100%{clip-path:inset(2500% 0 3400% 0)}}@keyframes refresh-anim-2{0%{clip-path:inset(3500% 0 2000% 0)}6.6666666667%{clip-path:inset(4500% 0 1700% 0)}13.3333333333%{clip-path:inset(500% 0 8900% 0)}20%{clip-path:inset(900% 0 3400% 0)}26.6666666667%{clip-path:inset(1500% 0 1800% 0)}33.3333333333%{clip-path:inset(100% 0 2300% 0)}40%{clip-path:inset(8200% 0 500% 0)}46.6666666667%{clip-path:inset(200% 0 3400% 0)}53.3333333333%{clip-path:inset(4400% 0 1100% 0)}60%{clip-path:inset(1400% 0 3600% 0)}66.6666666667%{clip-path:inset(3100% 0 1000% 0)}73.3333333333%{clip-path:inset(5600% 0 3800% 0)}80%{clip-path:inset(7600% 0 300% 0)}86.6666666667%{clip-path:inset(6000% 0 3300% 0)}93.3333333333%{clip-path:inset(9300% 0 200% 0)}100%{clip-path:inset(2500% 0 3400% 0)}}.refresh a::after,.refresh a::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;line-height:inherit;background:#fff}.refresh a::after{left:2px;text-shadow:-.02rem 0 #cacaca;animation:refresh-anim-1 3s infinite linear alternate-reverse}.refresh a::before{left:-2px;text-shadow:.02rem 0 red;animation:refresh-anim-2 4s infinite linear alternate-reverse}.refresh a{font-size:18px;line-height:1.5}@media (min-width:48rem){.title{font-size:80px}}