legend {
    font-weight: 700;
}

.signin-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 9%;
}

.password-input-container {
    position: relative;
}

.password-input-container button {
    position: absolute;
    bottom: 14px;
    right: 5px;
}

.signin-form {
    width: 480px;
    height: 100%;
    background: linear-gradient(180deg, #65E2DC 0%, #38C4BD 100%);
    border-radius: 10px;
    padding: 54px 40px 45px 40px;
    margin-bottom: 18%;
}

.code-input-container {
    margin: 30px 0 40px 0;
}

.code-input-container-phone {
    margin: 40px 0 40px 0;
}

.signin-form input {
    height: 50px;
}

.no-registration {
    margin-top: 30px;
}

.link-no-auth a {
    color: black;
}

.block-with-image {
    display: flex;
    flex-direction: column;
}



.block-with-image img {
    width: 600px;
    height: 400px;
    justify-self: center;
    align-self: center;
}

@media (max-width: 1199px) {
    .block-with-image img {
        width: 94%;
        height: 300px;
    }

    .block-with-image h1 {
        font-size: 35px;
    }

    .block-with-image {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .block-with-image {
        display: none;
    }

    .signin-block {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .signin-form {
        width: 100%;
        padding: 7%;
    }

    .button-signin {
        width: 100%;
    }
}