@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@900&family=Roboto:wght@400;500&display=swap');

:root {
    --red: #ff5562;
    --black: #1b1b1b;
    --dark-gray: #2a2a2a;
}

body {
    background-color: var(--black) !important;
    color: #eee;
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Archivo', sans-serif;
}

h1,
h2 {
    color: #dc3545;
}

a {

    color: #dc3545;
}

.bg-dark {
    background-color: var(--dark-gray) !important;
}

.navbar-brand {
    font-family: 'Archivo', sans-serif;
}

nav .nav-link,
nav .navbar-brand,
.footer {
    color: var(--red) !important;
}

nav .nav-link,
.footer {
    font-weight: 500;
}

nav .nav-link {
    border-bottom: 2px solid transparent;
}

nav .nav-link.active {
    color: #ddd !important;
    border-color: #888;
}

nav .nav-link:hover[href] {
    color: #fff !important;
    border-color: #666;
    background-color: #444;
}

.project-card {
    width: 18rem;
    height: 25rem;
}

.project-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-control {
    background-color: #1b1b1b;
    color: #eee;
    border-color: #7b7265;
}

.form-control:focus {
    background-color: #1b1b1b;
    color: #eee;
    border-color: #fe86a7;
    box-shadow: 0 0 0 .25rem rgba(253, 13, 84, .25);
}

#txtComment {
    height: 120px;
    resize: none;
}

.list-group-item {
    background-color: #dc3545;
    color: #eee;
    font-size: 1.2rem;
}

.nav-link {
    color: #eee !important;
}

#social-nav {
    font-size: 1.5rem;
}

.card-title {

    a:link,
    a:visited,
    a:hover,
    a:active {
        color: inherit;
        /* or your desired color */
        text-decoration: none;
    }
}

.highlight {
    margin-top: 1rem;
    margin-bottom: 1rem;
}