/* Navigation Bar */
    .navbar-toggler {
        border: none;
        box-shadow: none;
    }
    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }
    #navigation-bar a:hover {
        color: rgba(0, 0, 0, 1);
    }
    #navigation-bar a:active {
        color: rgba(0, 0, 0, 1);
    }
    #logo_1 {
        color: rgba(0, 0, 0, 1);
        font-weight: 500;
        text-decoration: none;
    }
    #logo_2 {
        color: rgba(0, 0, 0, 1);
        font-weight: 300;
        text-decoration: none;
    }
    .pages {
        font-size: 17px;
        font-weight: 400;
        color: rgba(0, 0, 0, 1);
    }
    .pages:hover {
        text-decoration: underline;
    }

/* Project Gallery */
    .card {
        border-radius: 0 !important;
        border: none !important;
    }
    .card-img-top {
        border-radius: 0 !important;
        border: none !important;
    }
    .project-title {
        font-weight: 500;
    }
    .project-desc {
        font-size: 15px;
    }
    .hover-dim img {
        transition: opacity 0.3s ease;
    }
    .hover-dim:hover img {
        opacity: 0.7;
    }
    a.hover-dim:hover ~ .card-body .project-title {
        text-decoration: underline;
    }

/* Footer */
    #footer a:hover {
        color: rgba(0, 0, 0, 1);
    }
    #footer a:active {
        color: rgba(0, 0, 0, 1);
    }
    #footer-header {
        font-size: 21px;
        color: rgba(0, 0, 0, 1);
        font-weight: 500;
    }
    .contact-detail {
        color: rgba(0, 0, 0, 1);
        font-weight: 400;
    }
    .footer-link {
        color: rgba(0, 0, 0, 1);
        font-weight: 400;
        text-decoration: none;
    }
    .footer-link:hover {
        text-decoration: underline;
    }
    #icon {
        font-size: 18px;
    }