body {
    background-color: green !important;
    background: linear-gradient(45deg, green, rgb(96,255,64), green) !important;
}

#b[select=on] {
    background-color: rgba(0,0,0,.3) !important;
}

#f:hover,
#b[select=off]:hover {
    background-color: rgba(0,0,0,.3) !important;
}

#b[select=on] + #a {
    background-color: rgba(255,255,255,.8) !important;
}

#a {
    background-color: rgba(0,0,0,.3) !important;
}

    #a > ul {
        background-color: rgba(0,0,0,.2);
    }

    #a > ul > li[select=on],
    #a > ul > li:hover {
        background-color: rgba(0,0,255,.3);
    }

        #a > ul > li > ul > li[select=off]:hover {
            background-color: rgba(0,0,255,.3);
        }

#c {
    background: linear-gradient(170deg, white, rgb(222,255,222)) !important;
}

#d {
    background: linear-gradient(-70deg, rgb(0,70,0), rgb(0,50,0)) !important;
}

#e {
    background: linear-gradient(180deg, white, rgb(222,255,222)) !important;
}