:root
{
    --black: #000;
    --blue: rgba(58,85,135, 1);         /* custom blue */
    --blue_80: rgba(58,85,135, 0.8);         /* custom blue */
    --blue_30: rgba(58,85,135, 0.3);         /* custom blue */
    --red:rgba(204,51,0,1);             /* brick red */
    --green:rgba(0,151,0,1);
    --yellow:rgba(255,201,0,1);
    --white: #FFFFFF;
    --header-ht: 50px;
    --footer-ht: 20px;
    --grid-gap: 5px;
    --main_bg: rgb(240,240,240);
    --rad: 3px;
}
.red
{
    background-color: var(--red);
    color: white;
}
.green
{
    background-color: var(--green);
    color: white;
}
.yellow
{
    background-color: var(--yellow);
}