body {
    background-image: url('./imagenes/espacio.png');
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    cursor: crosshair;
    
}

body::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
    background-image: url('./imagenes/lluvia.png');
    animation: lluvia 0.2s linear infinite;

}

@keyframes lluvia{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 100% 1000%;
    }
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

#colisionCanvas{
    opacity: 0;
}