#bg.kariba {
    background-size: auto auto;
    background-repeat: no-repeat;
    background-color: hsl(var(--main-hue), var(--main-saturation), var(--main-lightness));
    background-image: radial-gradient(circle, hsla(215, 16%, 41%, 1) 17%, hsla(214, 21%, 30%, 1) 100%);

    transition: transform .5s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#bg.kariba:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.05;
    background-image: url('/res/img/karamba-bg.png');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}