body .construction-logo {
    margin: 20px 0;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(200deg) brightness(95%) contrast(80%);
    animation: rotateHue 120s linear infinite;
}

@keyframes rotateHue {
    0% {
      filter: invert(48%) sepia(13%) saturate(2207%) hue-rotate(0deg) brightness(95%) contrast(80%);
    }
    50% {
      filter: invert(48%) sepia(13%) saturate(2207%) hue-rotate(360deg) brightness(95%) contrast(80%);
    }
    100% {
        filter: invert(48%) sepia(13%) saturate(2207%) hue-rotate(0deg) brightness(95%) contrast(80%);
    }
}

body h1 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    position: absolute;
    font-size: 3em;
    /* backdrop-filter: blur(6px); */
    text-shadow: 0 0 10px hsla(120, 100%, 50%, 0.75);
    animation: rotateGlowHue 120s linear infinite;
}

@keyframes rotateGlowHue {
    0% {
        text-shadow: 0 0 10px hsla(0, 100%, 50%, 0.75);
    }
    25% {
        text-shadow: 0 0 10px hsla(90, 100%, 50%, 0.75);
    }
    50% {
        text-shadow: 0 0 10px hsla(180, 100%, 50%, 0.75);
    }
    100% {
        text-shadow: 0 0 10px hsla(360, 100%, 50%, 0.75);
    }
}






/* Responsivity */

/* Tablets */
@media screen and (min-width:768px) and (max-width:1023px) {

}

/* Mobile Phones */
@media screen and (max-width:767px) {

    main {
        z-index: 10;
    }

    body .construction-logo {
        margin-top: 80px;
        margin-bottom: 30px;
    }    

    body h1 {
        margin-top: 80px;
        margin-bottom: 30px;
    }


}