@import"https://rsms.me/inter/inter.css";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}#root{padding:2.5em}body{background:#f0f0f0;font-family:inter;overscroll-behavior-y:none}.text{line-height:1em;text-align:left;font-size:7em;word-break:break-word;position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width: 800px){.text{font-size:4em}}@media only screen and (max-width: 400px){.text{font-size:3em}}.view{margin:.2em;width:400px;height:200px;display:inline-block;overflow:hidden}.hidden{visibility:hidden}@keyframes scaleAnim{0%{transform:scale(.3,.7)}50%{transform:scale(1)}to{transform:scale(.3,.7)}}@keyframes translateXAnim{0%{transform:translate3d(-100px,0,0)}25%{transform:translateZ(0)}50%{transform:translate3d(100px,0,0)}75%{transform:translateZ(0)}to{transform:translate3d(-100px,0,0)}}@keyframes translateYAnim{0%{transform:translate3d(0,-100px,0)}25%{transform:translateZ(0)}50%{transform:translate3d(0,100px,0)}75%{transform:translateZ(0)}to{transform:translate3d(0,-100px,0)}}.scale{animation:scaleAnim 5s ease-in-out 0s infinite}.translateX{animation:translateXAnim 10s ease-in-out 0s infinite}.translateY{animation:translateYAnim 5s ease-in-out 0s infinite}