/* Variables */
:root {
    --color-bg: #F6F1E7;
    --color-border: #D8D2C6;

    --color-text: #2F2F2A;

    --color-primary: #C59A85;

    --color-secondary: #7EA885;

    --color-danger: #D55222;

    --color-overlay: rgba(47, 47, 42, 0.35);
}

/* Reset-ish */
* {
    box-sizing: border-box;
    margin: 0;
}

body {
    line-height: 1.5;

    font-family: "Quicksand-Medium", sans-serif;
    background: var(--color-bg);
    color: var(--color-text);
}

/* Each section fills the viewport */
.section {
    display: flex;
    align-items: center;

    min-height: 100vh;
    padding: 4vh;
}

h1 {
    margin-bottom: 2rem;
    text-align: center;

    font-family: "Miss Fajardose", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 4rem;
}

p {
    margin: 1rem 0;
}

/* Center content */
.content {
    margin: 0 auto;
}