:root {
    --tblr-body-bg: #e4dab1;
    --tblr-body-color: #203e2e;
}

:root header {
    --tblr-body-color: #fff;

    color: var(--tblr-body-color);
}

:root .face-line {
    --bg-from: #cbaa70;
    --bg-to: #d5c19d;

    --tblr-body-bg-rgb: 203, 170, 112;
    --tblr-body-color: #000000;

    color: var(--tblr-body-color);
}

:root .body-line {
    --bg-from: #b14b13;
    --bg-to: #d47b53;

    --tblr-body-bg-rgb: 177, 75, 19;
    --tblr-body-color: #000000;

    color: var(--tblr-body-color);
}

:root .hairs-line {
    --bg-from: #9a353b;
    --bg-to: #5d2222;

    --tblr-body-bg-rgb: 154, 53, 59;
    --tblr-body-color: #000000;

    color: var(--tblr-body-color);
}

:root .natural-line {
    --bg-from: #7a7e4b;
    --bg-to: #8a9b6d;

    --tblr-body-bg-rgb: 122, 126, 75;
    --tblr-body-color: #000000;

    color: var(--tblr-body-color);
}

:root footer {
    --tblr-body-bg: #926150;

    --tblr-body-bg-rgb: 146, 97, 80;
    --tblr-body-color: #000000;

    --tblr-link-color: var(--tblr-body-color);

    color: var(--tblr-body-color);
}

.display-7 {
    line-height: 1.2;
    font-size: 1.5rem;
}

.display-8 {
    line-height: 1.2;
    font-size: 1.25rem;
}

.display-9 {
    line-height: 1.2;
    font-size: 1rem;
}

.card {
    --tblr-card-bg: #f6f2e2;

    --tblr-card-border-radius: 0;
    --tblr-card-border-width: 0;
}

.ink-line {
    width: 100%;
    height: 4px;
    background: var(--tblr-body-color);

    clip-path: polygon(
        0% 50%,
        30% 25%,
        80% 25%,
        100% 50%,
        80% 75%,
        30% 75%
    );
}

.animate {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar.bg-transparent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}