.text-typer{align-items:center;display:flex}.text-typer span{white-space:nowrap;font-size:1em;display:block}.play-page{background-image:linear-gradient(#2793d8,#15416e)}.play-page .container{max-width:1276px}.play-page__content{flex-direction:column;height:calc(100vh - 54px);display:flex;overflow:hidden}.play-page__header,.play-page__footer{flex-grow:1;flex-shrink:0;align-items:center;display:flex}.play-page__footer{flex-grow:1;align-items:flex-start}.play-page__middle{flex-shrink:1;overflow:hidden}.play-page__browser{width:90%;max-width:min(1240px,120vh);margin:0 auto;position:relative;box-shadow:0 10px 30px #0000004d}.play-page__browser>img{width:100%}.play-page__browser-content{width:100%;position:absolute;top:0;left:0}.play-page__browser-content:before{content:"";width:100%;padding-bottom:100%;display:block}.play-page__browser-content>*{position:absolute}.play-page__surfer{width:17.963%;position:absolute;top:23%;left:23%}.play-page__message{position:absolute;top:15%;left:40%}.play-page__header{color:#fff;align-self:center;padding:48px 0}.play-page__header p,.play-page__header h1{text-align:center;margin:0 0 .1em;font-size:min(3rem,5vw);font-weight:400}.play-page__header p strong,.play-page__header h1 strong{margin-left:.2em;margin-right:.2em;display:inline-block}.play-page__footer{color:#fff;text-align:center;z-index:1;background-color:#243a5e;justify-content:center;align-items:flex-start;padding:48px 0;font-size:1.5rem;display:flex;position:relative}.play-page__footer a{cursor:pointer;color:#ffc93b;font-weight:600;text-decoration:underline}.play-page__typer{height:4%;font-size:25px;font-weight:600;top:5.5%;left:18.5%}.play-page__arrow{width:18%;top:7.8%;left:-2.5%;transform:translateY(-50%)}