:root {
    --gold: #351403;
    --white: #ffffff;
    --black: #000000;
    --mt-20: 20px;
    --mt-10: 10px;
    --mt-30: 30px;
    --accent: #60bbd0;
}

.bg-app {
    background-color: var(--gold);
    color: var(--white);
}

.card-header-info {
    background-color: var(--gold);
    color: var(--white);
}

.btn {
    margin-right: 5px;
}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
}

.text-blue {
    color: var(--accent);
}

.btn-more {
    background-color: var(--accent);
    color: var(--white);
}

.nav-pills .nav-item .nav-link {
    background-color: var(--white);
    border: 3px solid var(--accent);
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    color: black;
}

.nav-pills .nav-item .nav-link.active {
    background-color: var(--accent);
    border: 3px solid var(--accent);
    color: var(--white);
    padding-left: 20px;
    padding-right: 20px;
}

.card-info {
    background-color: var(--white);
    color: var(--black);
    box-shadow: var(--gold) 0px 2px 4px;
    transition: transform .2s;
}

.navbar-nav>.nav-item>.nav-link {
    color: var(--black);
}

.bg-accent {
    background-color: var(--accent);
    color: var(--white);
}

.navbar-nav>.nav-item>.nav-link:hover {
    color: var(--gold);
    border-bottom: var(--accent) solid 2px;
}

.navbar-nav>.nav-item>.nav-link.active {
    color: var(--gold);
    border-bottom: var(--accent) solid 2px;
}

.card-info:hover {
    transform: scale(1.1);
}

.btn-primary {
    background-color: var(--accent);
    border: 0px;
}

.btn-primary:hover {
    background-color: var(--accent);
    border: 0px;
}