h1 { font-size: 3.5rem; margin-top: 1ex; margin-bottom: 1ex; } h2 { font-size: 2.5rem; margin-top: 1ex; margin-bottom: 0.5ex; } h3 { font-size: 2rem; } h3::before { color: var(--lightMetaColor); content: '## ' } h1::before, h2::before, h4::before, h5::before, h6::before { color: var(--metaColor); content: '# ' } a { text-decoration: none; border-radius: .3rem; padding: 0 .2ex 0 .2ex; color: var(--linkColor); transition: 150ms; } a:hover { background-color: var(--linkColor); color: var(--bgColor); transition: 150ms; } footer { font-size: 1.4rem; clear: both; opacity: 0.5; } footer { text-align: left } .footnote-definition { margin: 0 0 0 2rem; } .footnote-definition-label { color: var(--metaColor); } .footnote-definition p { display: inline; padding: 0 0 0 1rem; } .footContainer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }