:root {
    font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
    line-height: 1.45;
    color: #333;
    font-size: normal;
}

#main {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8rem;
}

#home-content {
    width: clamp(0ch, 100%, 66ch);
}

p, li, blockquote {
    width: clamp(0ch, 100%, 66ch);
}

li li {
    width: auto;
}

h1, h2, h3 {
    line-height: 1;
    margin: 1em 0 0.5em;
    font-weight: normal;
}

h1 {
    font-size: x-large;
}

h2 {
    font-size: larger;
}
h3 {
    font-size: large;
}

body {
    margin: auto;
    padding: 0 5vw;
}

nav {
    padding: 0.5rem 5vw;
    margin: 0 -5vw;
    background: lightyellow;
    color: black;
    border-bottom: solid orangered;
    display: flex;
    flex-wrap: wrap;
    column-gap: 2ch;
    font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
    font-weight: 500;
}

nav a {
    display: block;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
}

:is(nav, h1) a:not(:hover) {
    text-decoration: none;
}

a {
    color: #069;
}

:is(h1, nav) a {
    color: inherit
}

a:is(:focus, :active, :hover):not(nav a, h1 a):not(:visited) {
    background: #333;
    color: white;
}

a:visited:not(h1 a, nav a) {
    color: inherit;
}

article h1 {
    font-family: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
}

p img {
    max-width: 100%;
    display: inline-block;
}

article + article {
	margin-top: calc(1.45rem * 2);
}

body {
	margin-bottom: calc(1.45rem * 3);
}