html,body {
    margin: 0;
    padding: 0;
}

.app {
    position: relative;
    overflow-y: scroll;
    height: var(--i-inner-height);
    width: min(100vw, 750px);
    left: calc(50vw - min(50vw, 375px));
}

.bg {
    position: fixed;
    z-index: -1;
}

.bg>img {
    width: min(100vw, 750px);
    height: var(--i-inner-height);
}

.content {
    padding-bottom: env(safe-area-inset-bottom);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.front {
    padding-top: calc(var(--i-inner-height)*0.07);
}
.front>img {
    width: 90%;
}
.text {
    margin-top: 32px;
    padding-bottom: 16px;
    width: 100%;
    text-align: center;
}

.text>img {
    width: 90%;
}

.btn-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.btn-group img {
    width: min(23vw,210px);
    height: 7vw;
}