body {
    margin: 0;
    padding: 0;


    z-index: 0;

    /* background-image: url(/images/laser-neon-stars-grid-wallpaper-preview-3698515719.jpg); */
    /* filter: grayscale(); */
    background-color: gray;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    /* height: 100vh; */

}


/* code for the barslide, quite happy with this ^_^ */
@keyframes barslide {
    0% {
        top: -100vh
    }

    100% {
        top: 0vh
    }
}

#bars {
    background-image: url("/images/heeheeHooPrisonTimeForYOU.png");
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    animation-name: barslide;
    animation-duration: 1s;
}