*{box-sizing:border-box;margin:0;padding:0}body{background-color:#87ceeb;width:100vw;height:100vh;font-family:Quicksand,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scene-img{object-fit:cover;object-position:center 60%;z-index:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;top:0;left:0}.greeting-wrap{z-index:10;pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:absolute;top:34%;left:0;right:0}.greeting-overlay{text-align:center;max-width:100%;animation:6s ease-in-out infinite float}.greeting-text{color:#2b6ea3;letter-spacing:.3px;text-shadow:0 2px 12px #ffffffe6,0 1px 3px #fffc;min-height:1.2em;margin-bottom:.3rem;font-family:Fredoka,sans-serif;font-size:1.85rem;font-weight:600}.greeting-subtext{color:#4d7392;text-shadow:0 2px 12px #ffffffe6,0 1px 3px #fffc;min-height:1.5em;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:500;line-height:1.5}.greeting-text.typing:after,.greeting-subtext.typing:after{content:"";vertical-align:text-bottom;background:currentColor;border-radius:2px;width:3px;height:1em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=768px){.greeting-wrap{top:40%}.greeting-overlay{max-width:340px}.greeting-text{font-size:1.55rem}.greeting-subtext{font-size:1.15rem}}