/* =========================
           NETWORKS PAGE
           ========================= */

        .construction-page {

            min-height: 100vh;

            position: relative;

            display: flex;

            align-items: center;

            justify-content: center;

            text-align: center;

            padding: 140px 30px 100px;

            background:

                linear-gradient(
                    rgba(5, 7, 10, 0.55),
                    rgba(5, 7, 10, 0.82)
                ),

                url("../images/backgrounds/networks.png")
                center center / cover no-repeat;

        }


        .construction-page::after {

            content: "";

            position: absolute;

            inset: 0;

            background:

                radial-gradient(
                    circle at center,
                    transparent 0%,
                    rgba(5, 7, 10, 0.25) 55%,
                    rgba(5, 7, 10, 0.75) 100%
                );

            pointer-events: none;

        }


        .construction-content {

            position: relative;

            z-index: 2;

            max-width: 900px;

            display: flex;

            flex-direction: column;

            align-items: center;

        }


        .construction-content h1 {

            font-size: clamp(60px, 10vw, 130px);

            letter-spacing: 16px;

            margin-right: -16px;

            margin-bottom: 30px;

            text-shadow:
                0 0 30px rgba(255, 255, 255, 0.18);

        }


        .construction-image {

            width: min(520px, 80vw);

            height: auto;

            display: block;

            margin-bottom: 30px;

            filter:
                drop-shadow(0 0 20px rgba(0, 0, 0, 0.65));

        }


        .construction-text {

            color: #aeb4bb;

            font-size: 16px;

            letter-spacing: 2px;

            line-height: 1.8;

            max-width: 750px;

        }


        .construction-back {

            display: inline-block;

            margin-top: 45px;

            padding: 14px 35px;

            border: 1px solid rgba(255, 255, 255, 0.35);

            color: #ffffff;

            text-decoration: none;

            font-size: 12px;

            letter-spacing: 3px;

            transition: 0.3s;

        }


        .construction-back:hover {

            background: #ffffff;

            color: #05070a;

        }


        @media (max-width: 800px) {

            .construction-page {

                padding: 120px 25px 80px;

            }


            .construction-content h1 {

                font-size: clamp(45px, 14vw, 85px);

                letter-spacing: 8px;

                margin-right: -8px;

            }


            .construction-image {

                width: min(420px, 90vw);

                margin-bottom: 25px;

            }


            .construction-text {

                font-size: 13px;

            }

        }