html, body {
    font-size: 16px;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none
}

#top {
    height: 28rem;
    background: url("../images/umbra_speed_img.jpg") center no-repeat;
    background-size: cover;
    margin-bottom: calc(-1em - 2.5vw);
    clip-path: polygon(0 0, 0 100%, 100% calc(90% - 4vw), 100% 0);
}

#top h1 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
}

#top p, #team p {
    color: #b2c5c2;
}

/* button coloring */
.btn-primary {
    background-color: var(--accent);
    border-color: var(--accent);
}

.btn-outline-primary {
    color: var(--accent);
    border-color: var(--accent);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--accent);
    border-color: var(--accent);
}

.btn-secondary {
    background-color: rgb(212, 115, 62);
    border-color: rgb(212, 115, 62);
}

.card a {
    color: var(--accent);
}


/* coloring small section headers*/
.section-header {
    color: var(--accent) !important;
    text-transform: uppercase !important;
    font-weight: 700;
}

/* styling for each section*/
#team, #contact {
    background-color: rgb(4, 4, 4);;
    color: #fff;
}

#team h5 {
    color: #fff;
}

#tile {
    text-decoration: none;
    color: #fff;
}

#features, #publications {
    background-color: #f0f0f0;
}

#contact .card p, h5, address {
    color: #000;
}


/* Colored links in Navbar */
.navbar-light .navbar-brand {
    color: var(--accent) !important;
}

.nav-link:hover {
    color: var(--accent) !important;
}

/* Navigation icons */

.navbar-icon {
    font-size: 125%;
    display: inline-block !important;
    margin-bottom: -6px;
    margin-top: -6px;
}

.navbar-scrolled {
    background: rgba(4, 4, 4, 0.95) !important;
}

.navbar-bg-normal {
    background: rgba(4, 4, 4);
}

.navbar-bg-home {
    background: rgba(4, 4, 4);
}

/* if desktop size & larger: make header transparent.*/
@media (min-width: 992px) {
    .navbar-bg-home {
        background: transparent;
    }
}

/* Copyright message */

.copyright {
    margin: 15px 0;
}

/* Paginator */

.pages {
    padding: 15px 0;
}

.pages-icon {
    padding: 0 15px;
}

/* List item for posts/projects */

.item {
    padding: 10px 0;
}

.item-tag {
    background-color: var(--accent);
}


/* Colored borders at bottom of page */
footer {
    border-bottom: var(--border-width) solid var(--accent);
    text-align: center
}

.feature-icon {
    --fa-secondary-color: rgb(212, 115, 62);
    --fa-secondary-opacity: 1;
}

.feature-text {
    color: var(--fa-secondary-color)
}