@media screen and (max-width: 400px) and (orientation: portrait) {
    :root {
        --logo-text-font-size: 24px;
    }

    body {
        padding: 0 10px 10px 10px;
    }

    header {
        padding: 10px;
    }

    .auth__links > a {
        font-size: 16px;
    }

    .logo__img {
        display: none;
    }

    .user__block > a,
    .user__block > span {
        font-size: 16px;
        text-align: right;
    }

    .user__cont > img {
        width: 50px;
    }

    footer {
        padding: 10px;
    }

    .footer__left-side > span,
    .footer__link {
        font-size: 16px;
    }

    .footer__link {
        text-underline-offset: 3px;
    }

    span.error {
        font-size: 14px;
    }
}