html,
body {

    margin: 0;
    padding: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

/* under_construction.css */

.under-construction-wrapper {

    position: fixed;

    inset: 0;

    width: 100vw;
    height: 100vh;
}

/* Background */

.construction-background {

    position: absolute;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /*opacity: 0.35;*/

    filter: blur(2px);

    z-index: 1;
}

/* Frame */

.construction-frame {

    position: absolute;

    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    object-fit: fill;

    z-index: 2;

    pointer-events: none;
}

/* Text */
.construction-text {

    position: absolute;

    top: 30%;
    left: 30%;

    width: 40vw;
    max-width: 800px;
    min-width: 360px;

    transform: translate(-50%, -50%);

    z-index: 3;

    animation: pulseGlow 2s infinite ease-in-out;
}

/* Animation */

@keyframes pulseGlow {

    0% {

        transform: scale(1);

        filter: drop-shadow(0 0 5px rgba(255, 200, 0, 0.5));
    }

    50% {

        transform: scale(1.03);

        filter: drop-shadow(0 0 20px rgba(255, 200, 0, 0.9));
    }

    100% {

        transform: scale(1);

        filter: drop-shadow(0 0 5px rgba(255, 200, 0, 0.5));
    }
}