body, html {
    width: 100%;
    height: 100%;
    background-image: url(../img/background.png);
    background-size: 100% auto;
    
    background-repeat: repeat-x;

    overflow-y: hidden;
    overflow-x: hidden;
}
#swimmer {
    position: absolute;
    left: 100px;
    top: 100px;

}
.enemy {
    background-image: url(../img/enemy.png);
}

@media screen and (max-width: 600px) {
    #swimmer {
        width: 150px;
    }
}

    .enemy {
        position: absolute;
        width: 30px;
        height: 30px;
        background-image: red;
        z-index: 5;
    }


    

#highscore {
    font-size: 24px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}