/** CSS FOR ADDING BEAUTIFUL INTERACTIONS IN THE WEB*/


.clickable{
    cursor:pointer;
}

.clickable:hover {
    color: white !important;
    /*background-color:  black  !important;*/
    filter: brightness(85%);
}

.clickable:active {
    color: white !important;
    filter: brightness(65%);
    /*background-color:  black  !important;*/
}

.selected {
    color: white !important;
    /*background-color:  black  !important;*/
    filter: brightness(55%);
}