@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500&display=swap');

:root {
    --color-text: #191918;
    --color-background: #F1F2ED;
    --font-primary: 'Outfit', sans-serif;
    --layout-max-width: 1440px;
}



body {
    background: var(--color-background);
    color: var(--color-text);
    font-family: var(--font-primary);
}


h1 {
    font-weight:400;
    font-size: 1.75rem;
    margin-top: 0;
}

h2 {
    font-weight:400;
    font-size: 1.5rem;
    margin-bottom: 0;
}

h3 {
    font-weight:400;
    font-size: 1.25rem;
    margin-bottom:0;
}

p {
    font-size: 1rem;
    margin-top:0.125rem;
}

a, a:visited {
    color: var(--color-text);
    text-decoration: underline;
}

.header {
    padding: 1rem 0;
    text-align: left;
}

.wrapper,
.content {
    max-width: min(var(--layout-max-width), 65ch);
    margin: 0 auto;
}

.wrapper {
    padding: 1rem;
}