:root {
    --bs-primary: blue;
    --bs-link-color: blue;
    --bs-link-hover-color: rgb(0, 0, 255);
}

@media (min-width: 992px) {
    .projects-section .featured-text {
        padding: 0 0 0 2rem;
        border-left: 0.5rem solid blue;
    }
}

.undercode {
    background-image: linear-gradient(to right, blue 100%, transparent 100%);
    background-position: 0 1.1em;
    background-repeat: repeat-x;
    /*background-size: 4px 4px;*/
}

path {
    fill: blue;
}

.contact-section .card {
    border-bottom: 0.25rem solid blue;
}
.contact-section .card hr {
    border-color:blue;
}

.navbar-light .navbar-brand {
    color: blue;
}

#mainNav.navbar-shrink .nav-link:hover {
    color: blue;
}
#mainNav.navbar-shrink .nav-link:active {
    color: black;
}
#mainNav.navbar-shrink .nav-link.active {
    color: black;
    outline: none;
    border-bottom: 0.25rem solid blue;
}
#mainNav .navbar-toggler {
    color: blue;
    border: 1px solid blue;
}

.nav-link {
    color: black;
}
.nav-link:hover, .nav-link:focus {
    color: blue;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: blue;
    --bs-btn-border-color: blue;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(0, 0, 255);
    --bs-btn-hover-border-color: rgb(0, 0, 255);
    --bs-btn-focus-shadow-rgb: 123, 175, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(0, 0, 255);
    --bs-btn-active-border-color: rgb(0, 0, 255);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: blue;
    --bs-btn-disabled-border-color: blue;
}