:root{
    --primary-color : #5ad294;
    --secondary-color : #f9f9cc;
    --table-color : #04a2d7;
    --text-color : black;
}

html, body{
    background-color: var(--primary-color);
    background-image: linear-gradient(to right, hsl(149, 57%, 56%),hsl(149, 59%, 64%)) !important;
}

.logo_style{
    height: 150px;
    width: 150px;
}

.bone_icon_style{
    color: var(--primary-color);
}

.dropdown_icon_style{
    color: var(--primary-color);
}

.profile_icon_style{
    color: var(--primary-color);
}

.button_style{
    background-color: var(--primary-color); 
    color: var(--text-color);
}

.nav_link_style{
    color: black;
}

.page_header_style{
    color: black;
}

.table_style{
    color: black;
    text-align: center;
}

#table_header_style{
    color: black;
    font-weight: bold;
    border-color: var(--table-color);
    background-color: var(--table-color);
    width: auto !important;
}

#table_cell_style{
    color: black;
    border-color: black;
    background-color: var(--table-color);
}

@media only screen and (max-width:980px) {
    .navbar_button_style{
        padding-top: 3%;
        padding-bottom: 3%;
    }
}

@media only screen and (min-width:980px) {
    .profile_icon_style{
        color: var(--primary-color);
        position:absolute; 
        right: 1%;
        top: 15%;
    }
    .button_navbar_style{
        padding-right: 3%;
    }
}