body {
}

.custom_color_yellow {
    background-color: #ffe475;
    color: white;
    margin-right: 5px;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 5px 5px;
}

    .custom_color_yellow:hover {
        transform: scale(0.9);
        background-color: white;
        color: #ffe475;
    }

.custom_color_blue {
    background-color: #59c2ff;
    color: white;
    margin-right: 5px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

    .custom_color_blue:hover {
        color: #59c2ff;
        transform: scale(0.9);
        background-color: white;
    }

.custom_color_red {
    background-color: #ff7373;
    color: white;
    margin-right: 5px;
    transition: transform 0.3s ease, background-color 0.3s ease;

}

    .custom_color_red:hover {
        transform: scale(0.9);
        background-color: white;
        color: #ff7373;
    }

.custom_color_green {
    background-color: #94df73;
    margin-right: 5px;
    transition: transform 0.3s ease, background-color 0.3s ease;
    color: white;
}

    .custom_color_green:hover {
        transform: scale(0.9);
        color: #94df73;
        background-color: white;
    }

.custom_color_darkblue {
    background-color: #3C8DBC;
    margin-right: 5px;
    color: white;
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 5px 5px;
}

    .custom_color_darkblue:hover {
        transform: scale(0.9);
        color: #3C8DBC;
        background-color: white;
    }

.bg-darkblue {
    background-color: #90a6b2;
    color: white;
}