:root {
    /* Color Palette */
    --main-blue: #336EB1;
    --black: #000000;
    --white: #FFFFFF;
    --dark-blue: #23417A;
    --darker-blue: #131342;
    --blue-gray: #526586;
    --light-blue: #94B3C2;
}

.navbar {
    position: sticky;
    top: 0;
    box-shadow: 0 1px 8px var(--black);
    z-index: 9;
}

nav {
    background-color: var(--main-blue);
}

body {
    background-color: var(--light-blue);
    color: var(--darker-blue);
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-size: 1.3rem;
}

ul {
    li {
        .nav-link {
            color: var(--white);
            font-size: 1.75rem;
            margin-right: 2rem;
        }
        
        .active {
            color: var(--darker-blue) !important;
            text-decoration: underline;
        }
    }
}

.card {
    background-color: var(--light-blue);
    /* color: var(--darker-blue); */
    padding: 0.75rem 5rem;
    border: none;
    border-bottom: 2px solid var(--dark-blue);
    border-radius: 0;
    h1 {
        text-align: center;
        font-size: 2.25rem;
        color: var(--darker-blue);
    }

    padding-top: 100px;
    margin-top: -100px;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

footer {
    background-color: var(--main-blue);
    width: 100%;
}

ul#offered-services li {
    list-style-type: none;
}