:root {
    --primary: #0e744b;
    --secondary: #85bd4a;
}

html,
body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "bree", sans-serif;
    color: #333;
    font-weight: 300;
}

.construction-container {
    margin-bottom: 1rem;

    .cover {
        display: block;
        width: 100%;
    }

    .nav {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        margin-left: 19.5%;
        font-size: clamp(0.8rem, 1dvw, 1dvw);

        .nav-item {
            margin-inline: 0.5rem;

            &:first-child {
                margin-left: 0;
            }

            &:last-child {
                margin-right: 0;
            }
        }

        hr {
            margin: 0;
        }

    }

}

.container {
    max-width: 1024px;
    margin: 0 auto;
}

a {
    color: inherit;
    text-decoration: none;

    &:hover, &:focus {
        color: var(--primary);
    }
}

.color-primary {
    color: var(--primary);
}

.color-secondary {
    color: var(--secondary);
}

h1 {
    color: var(--primary);
}

h2 {
    color: var(--primary);
}

h3 {
    color: var(--secondary);
}

h4 {
    color: var(--secondary);
}