@import url("https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700&display=swap");

    body {
        margin: 0;
        font-family: "Poppins", sans-serif;
        font-weight: normal;
        font-style: normal;
    }
    .page-err {
        min-height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-err::before {
        background: #001D38;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        opacity: .6;
    }

    .page-err__content {
        padding: 30px;
        background: rgba(0, 28, 56, 0.6);
        border-radius: 10px;
        position: relative;
    }

    .page-err__title {
        color: #fff;
        text-align: center;
        font-size: 20px;
    }

    .link-telegram:hover .svg-telegram-plane {
        fill: #007bff;
    }

    .svg-telegram-plane {
        width: 20px;
        height: 20px;
        fill: #fff;
        transition: .2s;
    }

    .container {
        width: 100%;
    }

    @media (min-width: 576px) {
        .container {
            max-width: 540px;
        }

        .page-err__title {
            font-size: 22px;
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 720px;
        }
    }

    @media (min-width: 992px) {
        .container {
            max-width: 960px;
        }

        .page-err__title {
            font-size: 25px;
        }

        .svg-telegram-plane {
            width: 25px;
            height: 25px;

        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1140px;
        }

        .page-err__title {
            font-size: 30px;
        }

        .svg-telegram-plane {
            width: 35px;
            height: 35px;

        }
    }