| | |
| | | z-index: 2; |
| | | width: 100%; |
| | | padding: 2rem; |
| | | color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | |
| | | /* Better text readability */ |
| | | h1, h2, h3, h4, h5, h6 { |
| | | word-spacing: 100vw; |
| | | color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); |
| | | margin: 2rem 0 0; |
| | | } |
| | |
| | | text-transform: uppercase; |
| | | letter-spacing: 2px; |
| | | margin: 0; |
| | | color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); |
| | | } |
| | | |
| | |
| | | } |
| | | .buttons a { |
| | | font-weight: var(--fw-h-bold); |
| | | color: var(--action-contrast); |
| | | border-color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | border-color: rgb(var(--action-contrast)); |
| | | &:visited { |
| | | color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | &:hover { |
| | | color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | } |
| | | } |
| | | &:hover { |
| | | background-color: rgb(var(--action-0)); |
| | | color: var(--action-contrast); |
| | | color: rgb(var(--action-contrast)); |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | .buttons { |
| | | margin: 3rem 0; |
| | | max-width: var(--wide); |
| | | li { |
| | | background-color: rgba(var(--action-0), var(--op-4)); |
| | | } |