footer {
    background:
        linear-gradient(to top, rgba(36, 28, 20, 0) 60%, var(--mainbg) 100%),
        url(/images/footerbackground.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 30vw;
    width: 100%;
    background-color: #241c14; /* fallback */
}

    .footer {
        background: transparent;
        font-family: var(--pixelfont);
        text-align: center;
    }

    .footer h3 {
        color: lightblue;
        font-size: 3.5vw;
        margin-bottom: 0.5vw;
        text-shadow: 0 0 10px black;
        transition: ease 500ms;
        padding-top: 5vw;
    }
    .footer h3:hover {
        color: var(--maincolor);
        letter-spacing: 1vw;
        font-size: 4vw;
    }
    .footer h4 {
    color: gray;
    font-size: 1.3vw;
    text-shadow: 0 0 5px black;
    transition: ease 500ms;
    margin-top: -0.5vw;
    }
    .footer p {
    color: gray;
    font-size: 1vw;
    text-shadow: 0 0 5px black;
    transition: ease 500ms;
    margin-top: -0.5vw;
    }
    .footer p:hover {
        color: aliceblue;
    }