html, body {
    width: 100vw;
    height: 100vh;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    background-color: #FFDCEC;
}

.container {
    position: relative;
    height: 100vh;
    /*width: 100%;*/
    max-width: calc(100vh * (390 / 844));
    max-height: 100vh;
    background-color: #FEEDF5;
    margin: 0 auto;
}

img.top-part {
    width: 100%;
    height: auto;
    aspect-ratio: 1560 / 1160;
}

img.btn {
    margin: 3.19905213vh 4.1469194313% 2.9620853081vh;
    width: calc(100% - 8.2938388626%);
    /*aspect-ratio: 1280 / 272;*/
    height: auto;
}

img.bottom-part {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    width: 100%;
    /*aspect-ratio: 1560 / 1736;*/
    height: auto;
}

a {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .container {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        aspect-ratio: auto !important;
    }
}