.account-page {
    .top-part {
        margin: auto;
        position: relative;

        img {
            width: 100%;
            height: 100%;
            object-fit: fill;
            display: block;
        }

        & > div,form {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;

            & > div,form {
                position: relative;
                height: 100%;
                width: 100%;
            }
        }

        .top-part-text {
            position: absolute;
            margin: 0 calc(242/1920*100%);
            z-index: 0;
            top: calc(238/1380*100%);
            display: flex;
            flex-direction: column;
            left: 0;
            right: 0;
            height: calc(70/1380*100%);
        }

        .top-part-back {
            width: 100%;
            height: 100%;
            font-family: 'Archivo', serif;
            font-style: normal;
            font-weight: 700;
            color: black;
            display: flex;
            flex-direction: row;
            align-items: center;

            & > div:nth-of-type(1) {
                height: 40%;
                line-height: 100%;
                aspect-ratio: 1/1;
                padding-right: calc(84/1435*100%);
            }
            & > div:nth-of-type(2) {
                align-self: center;
                font-size: clamp(2.5rem, 3.33vw, 5.3rem);
            }
        }

        .middle-part {
            height: calc(379/1380*100%);
            width: calc(544/1920*100%);
            margin: auto;
            left: 0;
            right: 0;
            top: calc(429/1380*100%);
            display: flex;
            flex-direction: column;
            font-family: 'Archivo', serif;
            font-style: normal;
            font-weight: 700;
            font-size: clamp(0.625rem, 1vw, 1.3rem);
        }

        .middle-part-row {
            display: flex;
            flex-direction: row;
            height: calc(30/379*100%);
            margin-bottom: calc(10/379*100%);

            & > div {
                flex: 1;
                width: 100%;
            }

            input {
                border: 1px solid #000000;
                border-radius: 50px;
                margin-left: calc(54/379*100%);
                width: calc(100% - 54/379*100%);
                box-sizing: border-box;
                height: 100%;
                padding-left: 10px;
            }
        }

        .middle-part-button {
            display: flex;
            flex-direction: row;
            height: calc(47/379*100%);

            & > div {
                flex: 1;
                width: 100%;
            }

            input {
                background: #003E6A;
                color: white;
                border-radius: 25px;
                height: 100%;
                margin-left: calc(54/379*100%);
                width: calc(100% - 54/379*100%);
                box-sizing: border-box;
            }
        }
    }
}