#background{
    position: fixed;
    /* overflow: hidden; */
    z-index: -100;
    opacity: 40%;
}

#background{
    filter: blur(6px);
    width:100vw;
    height:100vh;
    background-size:cover;
    background-color:rgba(0, 0, 0, 0.5);
    background-position: center center;
    animation-name:fade-move;
    animation-duration: 60s;
    background-repeat: no-repeat;
    background-size: cover;
    background: url("../2DArt/dr5.png");
    animation-iteration-count: infinite;
    overflow:clip;
}

@keyframes fade-move {
    0%{
        background: url("../media/backgrounds/bgWanderer.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
        overflow:clip;
    }
    10%{
        background: url("../media/backgrounds/bgHornet.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
        overflow:clip;
    }
    20%{
        background: url("../media/backgrounds/bgDR5.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
        overflow:clip;
    }
    30%{
        background: url("../media/backgrounds/bgNYC.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    40%{
        background: url("../media/backgrounds/bgRuffles.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    50%{
        background: url("../media/backgrounds/bgZZ.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    60%{
        background: url("../media/backgrounds/bgServerIcon.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    70%{
        background: url("../media/backgrounds/bgReze.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    80%{
        background: url("../media/backgrounds/bgSaint.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    90%{
        background: url("../media/backgrounds/bgMemoryConflux.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
    100%{
        background: url("../media/backgrounds/bgWanderer.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-clip:content-box;
    }
}