:root {
    --color-white: #fff;
    --color-beige: #eae3d1;
}

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

html, body {
    height: 100%;
    background-color: var(--color-beige);
}

body {
    font-size: 16px;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: 960px;
}

a {
    color: var(--bs-body-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

header {

    margin-bottom: 2rem;

    a {
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
        display: inline-block;
        padding: 0 .5rem;
    }

    .logo {
        position: absolute;
        left: 0;
        top: 1.1rem;
        max-width: 175px;
    }

    section {
        &.bg-container {
            height: 25rem;
            background-image: url('/img/header/start.jpg')
        }
    }

}

section {
    &.bg-container {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}