| | |
| | | background-color: var(--light); |
| | | } |
| | | |
| | | h1, h2, h3, h4, h5, h6, ol, ul, thead { |
| | | h1, h2, h3, h4, h5, h6, thead { |
| | | font-family: var(--font-header); |
| | | color: var(--dark); |
| | | font-weight: revert; |
| | | margin: 2rem 0 0; |
| | | padding: revert; |
| | | padding: 2rem auto 1rem; |
| | | |
| | | &:hover > .hanchor { |
| | | opacity: 1; |
| | |
| | | |
| | | .hanchor { |
| | | font-family: var(--font-header); |
| | | margin-left: -1em; |
| | | opacity: 0.3; |
| | | opacity: 0.2; |
| | | transition: opacity 0.3s ease; |
| | | color: var(--secondary); |
| | | } |
| | | |
| | | p, ul, text, a, tr, td, li { |
| | | p, ul, text, a, tr, td, li, ol, ul { |
| | | font-family: var(--font-body); |
| | | color: var(--gray); |
| | | fill: var(--gray); |
| | |
| | | } |
| | | } |
| | | |
| | | .section { |
| | | & h3 > a { |
| | | font-weight: 700; |
| | | margin: 0; |
| | | } |
| | | & p { |
| | | margin-top: 0; |
| | | } |
| | | } |
| | | |
| | | article { |
| | | & > h1 { |
| | | font-size: 2em; |
| | |
| | | padding-left: 0; |
| | | |
| | | & .meta { |
| | | margin: 1.5em 0; |
| | | & > h1 { |
| | | margin: 0; |
| | | } |
| | |
| | | padding: 0 0.1em 0 0.2em; |
| | | } |
| | | |
| | | #page-title > a { |
| | | font-family: var(--font-header); |
| | | #page-title { |
| | | margin: 0; |
| | | & > a { |
| | | font-family: var(--font-header); |
| | | } |
| | | } |
| | | |
| | | a { |
| | |
| | | margin-top: 30vh; |
| | | } |
| | | |
| | | .spacer { |
| | | flex: 1 1 auto; |
| | | } |
| | | |
| | | header { |
| | | display: flex; |
| | | flex-direction: row; |
| | | align-items: center; |
| | | margin: 1em 0 2em; |
| | | |
| | | & > h1 { |
| | | font-size: 2em; |
| | |
| | | } |
| | | } |
| | | |
| | | & > .spacer { |
| | | flex: 1 1 auto; |
| | | } |
| | | |
| | | #search-icon { |
| | | background-color: var(--lightgray); |
| | | border-radius: 4px; |
| | |
| | | cursor: pointer; |
| | | & > p { |
| | | display: inline; |
| | | padding: 0 0.5em 0 1em; |
| | | padding: 0 1.5em 0 2em; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .section-ul { |
| | | list-style: none; |
| | | margin-top: 2em; |
| | | padding-left: 0; |
| | | |
| | | & > li { |
| | | border: 1px solid var(--outlinegray); |
| | | border-radius: 5px; |
| | | padding: 0 1em; |
| | | margin-bottom: 1em; |
| | | |
| | | & > .section { |
| | | display: flex; |
| | | align-items: center; |
| | | |
| | | & h3 > a { |
| | | font-weight: 700; |
| | | margin: 0; |
| | | } |
| | | |
| | | & p { |
| | | margin: 0; |
| | | padding-right: 1em; |
| | | flex-basis: 6em; |
| | | } |
| | | } |
| | | |
| | | & h3 { |
| | | opacity: 1; |
| | | font-weight: 700; |
| | | margin-bottom: 0em; |
| | | margin: 0em; |
| | | } |
| | | |
| | | & .meta { |