.start-screen .button-container {
    margin-bottom: 20% !important;
}
.live-screen .container-ratio-outer {
    margin-top: 12% !important;
}
.live-screen .mt-auto {
    margin-top: 20px !important;
}
.result-screen .container-ratio-outer {
    margin-top: 12% !important;
}
.editor-screen .container-ratio-outer {
    margin-top: 12% !important;
}
.editor-screen .mt-auto {
    margin-top: 20px !important;
}
.data-screen .content-area-outer {
    margin-top: 12% !important;
}
.data-screen .mt-auto {
    margin-top: 20px !important;
}
.last-screen .content-area-outer {
    margin-top: 12% !important;
}
.start-screen .button-container {
    margin-bottom: 30% !important;
}
.live-screen .container-ratio-outer {
    margin-top: 5% !important;
}
.live-screen .mt-auto {
    margin-top: 20px !important;
}
.result-screen .container-ratio-outer {
    margin-top: 5% !important;
}
.editor-screen .container-ratio-outer {
    margin-top: 5% !important;
}
.editor-screen .mt-auto {
    margin-top: 20px !important;
}
.data-screen .content-area-outer {
    margin-top: 5% !important;
}
.data-screen .mt-auto {
    margin-top: 20px !important;
}
.last-screen .content-area-outer {
    margin-top: 5% !important;
}
.max-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
    min-height: calc(var(--vh, 1vh) * 100);
    position: relative;
    padding: 0 10px;
    border-radius: 0px;
}