/* cousine-regular - latin */
@font-face { font-family: 'Cousine'; font-style: normal; font-weight: 400; src: local(""), url("/assets/fonts/cousine-v23-latin-regular.woff2") format("woff2"), url("/assets/fonts/cousine-v23-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* major-mono-display-regular - latin */
@font-face { font-family: 'Major Mono Display'; font-style: normal; font-weight: 400; src: local(""), url("/assets/fonts/major-mono-display-v10-latin-regular.woff2") format("woff2"), url("/assets/fonts/major-mono-display-v10-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

:root { --site-title-color: rebeccapurple; --font-color: #0e0e0b; --bg-color: #DDDDDD; --header-color: #0e0e0b; --header-h1-bg-color: #AFD2E9; --header-h2-bg-color: #C09FE4; --header-h3-bg-color: #F1C40F; --header-h4-bg-color: #D4E6B5; --mark-bg-color: #f9e8b6; --link-footnote-bg-color: #FFB0B0; --link-color: var(--font-color); --link-bg-color: #E3EDEE; --link-underline-color: #95B8B9; --gray-color: #DDDDDD; --dark-gray-color: #999999; --light-gray-color: #E3EDEE; }

html { box-sizing: border-box; color: var(--font-color); background-color: var(--bg-color); min-height: 100%; }

* { box-sizing: inherit; }

*:before { box-sizing: inherit; }

*:after { box-sizing: inherit; }

body { font-family: "Cousine", sans-serif; color: var(--font-color); background-color: var(--bg-color); line-height: 1.8em; font-size: 16px; margin: 0; min-height: 100%; }

.wrap { padding: 1rem; max-width: 100%; width: 800px; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { color: var(--header-color); line-height: 1.25; z-index: 1; }

h1 { font-size: 1.8em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.17em; }

h4 { font-size: 1.00em; }

h5 { font-size: 0.83em; }

h6 { font-size: 0.67em; }

mark { background-color: var(--mark-bg-color); }

mark.red { background-color: #fbcdcd; }

mark.green { background-color: #E0FFC0; }

a { text-decoration: none; cursor: pointer; }

img { max-width: 100%; }

img.emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; }

video { max-width: 100%; margin: 0 auto; display: block; }

hr { border: none; border-top: 1px solid var(--dark-gray-color); height: 0; overflow: visible; margin: 20px 0; }

blockquote { margin: 0; padding: 1rem; border: 1px dotted var(--font-color); }

blockquote p { margin: 0; }

p > img { display: block; max-width: 100%; margin: 0 auto; }

p > img + em { display: block; text-align: center; font-size: 0.9rem; }

label { display: block; }

input[type='text'], input[type='email'] { width: 100%; }

textarea { width: 100%; resize: vertical; min-height: 100px; }

input, textarea { font-family: "Cousine", sans-serif; line-height: normal; border: 1px solid var(--gray-color); padding: 10px; font-size: 0.9rem; }

.table-wrapper { overflow-x: auto; }

table { border-collapse: collapse; width: 100%; }

td, th { border: 1px solid var(--gray-color); text-align: left; padding: 8px; }

td img.table-image, th img.table-image { min-width: 120px; max-width: 120px; margin: 0 auto; display: block; }

body { text-align: center; }

header { text-align: center; background-color: var(--site-title-color); padding: 20px 1rem; display: inline-block; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; width: 800px; max-width: 100%; }

p.title { font-family: 'Major Mono Display', monospace; font-size: 9rem; color: #FFF; width: 100%; display: inline; padding: 0; margin: 0; line-height: normal; }

@media (min-width: 481px) and (max-width: 767px) { p.title { font-size: 6rem; } }

@media (min-width: 320px) and (max-width: 480px) { p.title { font-size: 4rem; } }

p.title a { background-color: transparent; text-decoration: none; color: inherit; }

p.subtitle { color: var(--gray-color); margin: 0; }

img { border: dashed 3px #333; }

ul.nav { text-align: center; display: flex; list-style: none; padding: 0; margin: 50px auto; align-items: center; justify-content: center; gap: 20px; }

ul.nav li { margin-top: -1px; margin-left: -1px; background-color: var(--site-title-color); border-radius: 0.5rem; }

ul.nav li a, ul.nav li span { padding: 5px 15px; display: block; width: 100%; height: 100%; text-decoration: none; }

ul.nav li a { color: var(--light-gray-color); }

ul.nav li span { color: var(--dark-gray-color); }

.info { width: 100%; max-width: 300px; margin: 0 auto; }

.text-left { text-align: left; }

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