body {
    font-family: "Poppins", serif;
    background-color: var(--background-light);
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a {
    display: inline-flex;
    color: inherit;
}

p {
    color: inherit;
}

main {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--site-max-width);
}

section {
    display: grid;
    box-sizing: border-box;
    max-width: var(--site-max-width);
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
}

button {
    border-color: var(--background-dark);
    cursor: pointer;
}

figure {
    margin: 0;
}


button:active,
button:active-f {
    background: var(--active);
}

div {
    display: grid;
    box-sizing: border-box;
}

picture {
    display: flex;
    width: 100%;
}

img {
    max-width: var(--site-max-width);
    width: 100%;
}