:root {
    --light: #F8F9FA;
    --brown: #65302C;
    --silver: #7e8991;
    --chocolate: #856647;
    --light-chocolate: #866849;
    --less-dark: #24282ce6;
    --dark: #3D5265;
    --light-blue: #DFEBFD;
    --grey-brown: #C1B8A5;
    --grey-choco: #a3937b;
    --grey-dark: #6B6B6B;
    --light-yellow: #FFF5EC;
    --cornsilk: #FFF8DC;
}

@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url("/fonts/Roboto-VariableFont_wdth,wght.ttf") format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-display: swap;
    src: url("/fonts/JetBrainsMono-VariableFont_wght.ttf") format('woff2');
}

body * {
    /*font-family: 'Nunito Sans', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
}

h1, h2, h3 {
    /*color: #3D5265;*/
}
.row-gap-10 > * {
    margin-bottom: 6rem;
}
html body {
    background-color: #fffdfd;
    /*background-image: url('/images/Airplane-Background-1920x1536-012.png') ;*/
    /*background-attachment: fixed;*/
    /*background-size: cover;*/
    /*background-position: center left;*/
}

.overflow-x-hidden {
    /*overflow-x: hidden;*/
}

nav .breadcrumb {
    background-color: var(--light-yellow);
}
.bg-light-blue {
    background-color: var(--light-blue);
}
.bg-light-chocolate {
    background-color: var(--light-chocolate);
}
.bg-light-yellow {
    background-color: var(--light-yellow);
}

@media (min-width: 768px) {
    .md-align-items-end {
        align-items: flex-end;
     }
}
.bg-brown {
    background-color: var(--brown);
}
.bg-blue {
    background-color: #3f51b5; /* #5795e3 */
}
.bg-gray-blue {
    background-color: #607d8b;
}
.bg-silver {
    background-color: var(--silver);
}
.font-mono {
    font-family: 'JetBrains Mono', monospace;
}
header .dropdown-menu.show {
    background-color: var(--less-dark);
}
header #main_nav * {
    color: var(--light);
}
header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item:focus {
    color: var(--dark) !Important;
    text-decoration: none;
    background-color: var(--light) !Important;
}
#main_nav .nav-item>.nav-link:hover {
    color: var(--grey-brown);
}
#main_nav .nav-item>.nav-link {
    /*text-transform: uppercase;*/
    font-size: 1.2rem;
    font-weight: normal;
    color: var(--light-yellow);
}
header.section-header {
    box-shadow: #222 0 2px 12px;
    /*z-index: 2;*/
}
.section-header nav {
    background-color: var(--brown);
    min-height: 70px;
}

.navbar-brand {
    font-size: 27px;
    letter-spacing: .3rem;
    text-transform: uppercase;
    font-weight: bold;
}

/* ///////////////////////////////////////////////////////////// */

.obj-cover-left {
    object-fit: cover;
    object-position: left;
}

.obj-cover {
    object-fit: cover;
    object-position: center;
}

.bg-cover {
    background-origin: border-box;
    background-position: center;
    background-size: cover;
}

.bg-fit {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.text-relax {
    letter-spacing: .1rem;
    line-height: 1.8rem;
}
.-fs-6 {
    font-size: 6rem;
}
.-fs-8 {
    font-size: 8rem;
}
.text-grey-dark {
    color: var(--grey-dark);
}
.text-grey-brown {
    color: var(--grey-brown);
}
.text-chocolate {
    color: var(--chocolate);
}
.bg-chocolate {
    background-color: var(--chocolate);
}
.bg-grey-brown {
    background-color: var(--grey-brown);
}
.bg-grey-choco {
    background-color: var(--grey-choco);
}

.footer {
    margin-top: 100px;
    background-color: var(--less-dark);
}

.post p {
    padding: 10px;
}

.footer * {
    color: var(--light-yellow);
}

a.link:hover {
    color: var(--grey-brown) !important;
    transition: color 0.15s ease-in-out;
    text-decoration: none !important;
}

#navbarDropdown+.dropdown-menu * {
    width: 20px;
}