html,body,.App{width:100%;height:100%;margin:0;padding:0;display:grid;overflow:hidden;background-color:#424746;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.title{position:absolute;justify-self:center;align-self:start;z-index:20;animation:fade-in 4s cubic-bezier(.39,.575,.565,1) both;font-family:sans-serif;text-align:center;font-weight:700;font-size:15vmin;color:#f4f464;-webkit-text-stroke:.02em black;text-shadow:.04em .04em .04em rgba(0,0,0,.4)}.name{position:absolute;justify-self:center;align-self:center;z-index:20;animation:fade-in 4s cubic-bezier(.39,.575,.565,1) both;font-family:sans-serif;text-align:center;font-weight:700;font-size:5vmin;color:#f4f464;-webkit-text-stroke:.02em black;text-shadow:.04em .04em .04em rgba(0,0,0,.4)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.playsound{position:absolute;justify-self:center;align-self:end;z-index:10;font-family:sans-serif;text-align:center;font-weight:700;font-size:1.3vmin;color:#fff;-webkit-text-stroke:.02em black;text-shadow:.04em .04em .04em rgba(0,0,0,.4)}.dialogue-box{position:absolute;justify-self:center;align-self:center;z-index:20;font-family:sans-serif;font-weight:700;font-size:3vmin;color:#f4f464;-webkit-text-stroke:.03em black;text-shadow:.05em .05em 0 rgba(0,0,0,1)}@media only screen and (max-width: 600px){.title{font-size:3.5em;position:absolute;right:0;left:0;top:25%}.name{font-size:1.1em;position:absolute;right:0;left:0;top:45%}.playsound{font-size:.6em;position:absolute;right:0;left:0;bottom:2%}.dialogue-box{position:absolute;right:0;left:0;top:50%;text-align:center}}