:root {
    --bs-primary: #9bb7d4;
    --bs-secondary: #1b3f5d;
    --bs-secondary-rgb: 27, 63, 93;
    --bs-font-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-highlight: #2E6C9E;
}

header.bg-picture {
    background-color: #222222;
    background-image: url(../assets/img/server-2160321_1920.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size:contain;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-highlight {
    --bs-bg-opacity: 1;
    background-color: var(--bs-highlight) !important;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    background: var(--bs-highlight);
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover, 
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
    color: #000;
    background-color: #9bb7d4;
    border-color: #9bb7d4;
    font-weight: bold;
}

.btn-primary {
    color: #fff;
    background-color: var(--bs-highlight);
    border-color: var(--bs-highlight);
}

.btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color:#bbbbbb;
    border-color: #bbbbbb;
}

.btn-primary:hover {
    color: #000;
    background-color: #9bb7d4;
    border-color: #9bb7d4;
    font-weight:bolder;
}

textarea#message {
    height: 10rem;
}