* {
    --bs-body-bg: #0a2f37;
    --bs-body-color: #c9d3d3;
    --bs-body-font-family: "config-variable", Helvetica, sans-serif;
    --bs-card-color: #c9d3d3;
    --bs-card-title-color: #84d3d3;
    --bs-link-color-rgb: 68, 211, 177;
    --bs-link-hover-color-rgb: 120, 255, 232;
    --bs-nav-link-color: #0e374d;
    --bs-nav-link-hover-color: #1b4d63;
    --bs-navbar-active-color: #00ce92;
}

main {
    background: radial-gradient(circle at top, rgba(116, 165, 169, 0.15) 0%, rgba(116, 165, 169, 0.15) 25%, transparent 60%);
}

footer {
    background-color: #dff4f3;
    color: #0e374d;
}

h1 {
    color: white;
    font-weight: 700;
}

h2 {
    color: white;
    font-weight: 700;
    font-size: 1.75rem;
}

h3 {
    color: white;
    font-weight: 700;
}

.card {
    background-color: #0e3c47;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.navbar {
    background-color: #dff4f3;
    box-shadow: 0 .5rem 1rem #00000026, inset 0 -1px #ffffff26;
    font-weight: 500;
}

.navbar-brand img {
    height: 39px;
}

.site-home {
    box-shadow: 0 .5rem 1rem #00000026, inset 0 -1px #ffffff26;
    position: relative;
}

.site-home-caption {
    background-color: #34b18a;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.site-home-caption h1 {
    color: #0a2f37;
    font-size: calc(2.75vw);
    font-weight: 500;
}

.site-more {
    background-color: #4ab48b;
    box-shadow: 0 0 6px #198754;
    color: #0e374c;
    font-weight: 700;
}

.site-more:hover {
    background-color: #64c8a1;
    color: #0e374c;
}

.site-legal {
    font-size: 0.7rem;
    opacity: 0.5;
}