body { background-color: #eee; display: flex; flex-direction: column; font-family: serif; margin: 0 auto; max-width: 55rem; }

.carousel { background-color: #eee; border-radius: 0.5rem; display: inline-block; float: right; height: calc(calc(min(55rem * 0.25, 50vw)) + 3rem); margin: 0 0 1rem 1rem; overflow: hidden; padding: 0.5rem 1rem; text-align: center; white-space: nowrap; width: calc(min(55rem * 0.25, 50vw)); }

.carousel div { height: calc(min(55rem * 0.25, 50vw)); margin-top: 0.5rem; position: relative; width: calc(min(55rem * 0.25, 50vw)); }

.carousel div figure { margin: 0; opacity: 0; position: absolute; width: calc(min(55rem * 0.25, 50vw)); animation: 20s autoplay4 infinite; }

@keyframes autoplay4 { 0% { opacity: 0.0; }
  10% { opacity: 1.0; }
  25% { opacity: 1.0; }
  35% { opacity: 0.0; } }

.carousel div figure:nth-child(1) { animation-delay: 0s; }

.carousel div figure:nth-child(2) { animation-delay: 5s; }

.carousel div figure:nth-child(3) { animation-delay: 10s; }

.carousel div figure:nth-child(4) { animation-delay: 15s; }

.carousel div figure img { max-height: calc(min(55rem * 0.25, 50vw)); max-width: calc(min(55rem * 0.25, 50vw)); }

header { background-color: #B7283C; font-size: calc(min(55rem * 0.044, 4.4vw)); }

header a { color: black; display: block; text-decoration: none; }

header a:nth-child(1) { background-color: #F5EFE1; display: flex; padding: 0.4em; }

header a:nth-child(1) img { height: 2.8em; margin-right: 0.5em; }

header a:nth-child(1) em { display: flex; flex-direction: column; }

header a:nth-child(1) em span:nth-child(1) { font-size: 1.2em; font-weight: bold; padding: 0.2em 0 0.1em 2.5em; }

header a:nth-child(1) em span:nth-child(2) { font-size: 0.5em; padding-left: 2.5em; }

header a:nth-child(2) { font-size: 0.6em; padding-left: 1.5em; }

.img-left { float: left; margin: 0 1rem 1rem 0; }

.img-right { float: right; margin: 0 0 1rem 1rem; }

.img-center { float: none; margin: 1rem; }

.img-small { width: calc(min(55rem * 0.2, 20vw)); }

.img-large { width: calc(min(55rem * 0.3, 30vw)); }

.img-xlarge { width: calc(min(55rem * 0.4, 40vw)); }

.img-xxlarge { width: calc(min(55rem * 0.8, 80vw)); }

.img-xxxlarge { width: calc(min(55rem * 1.0, 100vw)); }

main { background-color: #fff; min-height: 100vh; padding: 1rem; }

main a { color: inherit; }

main a:hover { background-color: #DED0A6; }

main audio { width: 100%; }

main blockquote { font-style: italic; margin: 0; }

main blockquote em { display: block; text-align: right; }

main figure { overflow: auto; }

main figure figcaption { font-style: italic; }

main hr { margin: 1rem 0; }

main h1, main h2 { margin: 0 0 1rem 0; font-family: sans-serif; }

main table { margin: 1rem 0; }

main table td { padding-right: 1rem; vertical-align: top; white-space: nowrap; }

main table td:last-child { white-space: normal; }

main table th { text-align: left; }

main ol, main ul { overflow: auto; padding-left: 2rem; }

main ol li, main ul li { margin: 0.5rem 0; }

main .articles div { overflow: auto; margin: 0.2rem 0 1rem; }

main .articles div hr { clear: right; }

main .articles div ol, main .articles div ul { margin-top: 0.5rem; padding-left: 4rem; }

main .articles div ol li, main .articles div ul li { margin-bottom: 0; }

main .btn { background-color: #E6DFCF; border-radius: 0.2rem; box-shadow: 0.2rem 0.2rem 0.2rem 0 #999; cursor: pointer; display: inline-block; margin: 0 1rem 1rem 0; padding: 0.3rem 0.8rem; text-decoration: none; }

main .btn:hover { background-color: #DED0A6; text-decoration: underline; }

main .footnotes { font-size: small; }

main .footnotes li { margin: 0.5rem 0; }

nav { order: 3; background-color: #F5EFE1; }

nav > strong { display: block; font-size: 2rem; padding: 1rem 1rem 0; }

nav > div { display: flex; }

nav > div > div { margin: 1rem; width: 9rem; }

nav > div > div > a { color: inherit; display: block; line-height: 1.2rem; text-decoration: none; }

nav > div > div > a:hover { background-color: #DED0A6; text-decoration: underline; }

nav > div > div > a.breadcrumb { background-color: #DED0A6; }

@media screen and (min-width: 500px) { header a:nth-child(2) { visibility: hidden; } body { display: block; } body nav { float: left; margin: 0 1rem 1rem 0; } body nav > strong { display: none; } body nav div { display: block; } }

/*# sourceMappingURL=styles.css.map */