@use "sass:color" as c;

@use "general";
@use "fonts";
@use "main-palette" as mp;

body {
    background-color: mp.$bg;
    /*background-image: url("/img/bgpat.png");
    background-repeat: repeat;*/

    a { color: mp.$link; }
    a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
}

.header-wrapper {
    .header-banner {
        background-image: url("/img/home_banner.jpg");
        width: 300px;
        height: 140px;
        border: 1px solid mp.$border;
        border-radius: 0% 0% 20px 0%;
    }
    .header-banner:hover{ background-image: url("/img/home_banner_hover.jpg"); }
}

.navbar-wrapper {
    ul li { 
        display: inline;

        a {
            font-family: fonts.$ll;
            font-weight: normal;
            font-size: 1em;
        }
    }
}