body {
    background-color: #08080c;
    min-height: 100dvh;
    font-family: Inter, Arial, sans-serif;
    color: white;
    overflow-x: hidden;

}

.battle-bg {
        background:
            linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)),
            url('/static/background.png')
            center/cover no-repeat fixed;
    }

.battle-bg-dark {
    background:
        linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)),
        url('/static/background.png')
        center/cover no-repeat fixed;
}

@media (max-width: 980px) {

    body {
        background-size: auto 100%;
        background-position: center top;
        background-repeat: repeat;
        background-attachment: scroll;
    }

}