/*
    Exercise5.css

    Only contains rules that apply excuslively to Exercise 5
*/

.wrapper-narrow {
    max-width: 60ch;
    margin-inline: auto;
}

.wrapper-wide {
    max-width: 120ch;
    margin-inline: auto;
}

/*
main {
    outline: 4px solid red;
}

section {
    outline: 2px solid green;
}
*/

header {
    text-align: center;
}

header, h1, h2 {
    font-family: var(--header-font-family);
    padding-block: .5em;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 2rem;
}

li {
    padding-block: .25em;
}

nav {
    padding-block: .5em;
    border: 2px solid black;
    margin-block: 1em;
    box-shadow: .1em .1em black;
}

section {
    max-width: 60ch;
    /* min-width: 10ch; */
}

section:nth-child(even) {
    background-color: hsl( var(--colour-2-hue), 50%, 90%);
}

section:nth-child(odd) {
    background-color: hsl( var(--colour-2-hue), 90%, 90%);
}

section {
    padding-block: 1em;
}

section > a {
    padding-inline: 1em;
}

p {
    padding: 1em;
}

footer {
    padding-block: 1em;
    text-align: center;
}