body{
    background:linear-gradient(90deg, rgba(var(--secondary-color), 0.478), rgba(var(--primary-color), 0.63)) ;
}
.dark_mod{
    --primary-color: 40, 71, 80;
    --secondary-color: 10, 80, 101;
    --bg-color: 41, 40, 40;
    --secbg-color: 51, 50, 50;

}

.nav_links a:hover{
    color: rgb(var(--primary-color));
}
.nav_links a:hover svg,.nav_links button:hover svg{
    fill:rgb(var(--primary-color));
}

.sticky_head{

    background-color: rgb(var(--secondary-color));
    height: 8vh !important;
}
.active_user_content svg{
    fill: rgb(var(--primary-color)) !important;
}
footer{
    background: rgb(var(--secondary-color));
}