body {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.87);
    background-color: #000000;
}

#app {
    width: 100%;
    /* 100vh on mobile is measured as if browser chrome (address bar, etc.)
       were fully hidden -- the actual visible viewport is smaller while
       it's showing, clipping content at the bottom. 100dvh tracks the
       real visible viewport; the 100vh fallback is for browsers that
       don't support dvh yet (last valid declaration wins). */
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}