| pineafan | a5ce910 | 2021-09-02 17:21:31 +0100 | [diff] [blame] | 1 | html, body { |
| Samuel Shuert | 016ea02 | 2021-09-01 16:17:24 -0500 | [diff] [blame] | 2 | padding: 0; |
| 3 | margin: 0; |
| pineafan | a5ce910 | 2021-09-02 17:21:31 +0100 | [diff] [blame] | 4 | |
| pineafan | df39fd4 | 2021-09-04 16:05:27 +0100 | [diff] [blame] | 5 | overflow-x: hidden; |
| 6 | } |
| 7 | |
| 8 | html { |
| pineafan | a5ce910 | 2021-09-02 17:21:31 +0100 | [diff] [blame] | 9 | --card-background-color: rgba(255, 255, 255, 0.65); |
| 10 | --card-text-color: #424242; |
| 11 | --card-overlay-color: rgba(0, 0, 0, 0); |
| 12 | --card-filter: drop-shadow(0px 0px 5px #00000080); |
| 13 | --page-background: #ffffff; |
| pineafan | d494b85 | 2021-09-03 19:49:49 +0100 | [diff] [blame] | 14 | --link-color: #6576CC; |
| 15 | --hint-color: #f1f1f1; |
| pineafan | df39fd4 | 2021-09-04 16:05:27 +0100 | [diff] [blame] | 16 | |
| 17 | background-color: var(--page-background); |
| 18 | } |
| 19 | |
| 20 | @media (prefers-color-scheme: dark) { |
| 21 | html { |
| 22 | --card-background-color: rgba(0, 0, 0, 0.65); |
| 23 | --card-text-color: #ffffff; |
| 24 | --card-overlay-filter: brightness(0.75); |
| 25 | --card-filter: drop-shadow(0px 0px 5px #42424280); |
| 26 | --page-background: #252525; |
| 27 | --link-color: #6576CC; |
| 28 | --hint-color: #101010; |
| 29 | } |
| 30 | } |
| 31 | |
| 32 | |
| 33 | .light { |
| 34 | --card-background-color: rgba(255, 255, 255, 0.65); |
| 35 | --card-text-color: #424242; |
| 36 | --card-overlay-color: rgba(0, 0, 0, 0); |
| 37 | --card-filter: drop-shadow(0px 0px 5px #00000080); |
| 38 | --page-background: #ffffff; |
| 39 | --link-color: #6576CC; |
| 40 | --hint-color: #f1f1f1; |
| 41 | } |
| 42 | |
| 43 | .dark { |
| 44 | --card-background-color: rgba(0, 0, 0, 0.65); |
| pineafan | a5ce910 | 2021-09-02 17:21:31 +0100 | [diff] [blame] | 45 | --card-text-color: #ffffff; |
| 46 | --card-overlay-filter: brightness(0.75); |
| 47 | --card-filter: drop-shadow(0px 0px 5px #42424280); |
| pineafan | d494b85 | 2021-09-03 19:49:49 +0100 | [diff] [blame] | 48 | --page-background: #252525; |
| 49 | --link-color: #6576CC; |
| pineafan | df39fd4 | 2021-09-04 16:05:27 +0100 | [diff] [blame] | 50 | --hint-color: #101010; |
| Samuel Shuert | 016ea02 | 2021-09-01 16:17:24 -0500 | [diff] [blame] | 51 | } |
| 52 | |
| pineafan | df39fd4 | 2021-09-04 16:05:27 +0100 | [diff] [blame] | 53 | |
| Samuel Shuert | 016ea02 | 2021-09-01 16:17:24 -0500 | [diff] [blame] | 54 | a { |
| Samuel Shuert | 016ea02 | 2021-09-01 16:17:24 -0500 | [diff] [blame] | 55 | text-decoration: none; |
| pineafan | d494b85 | 2021-09-03 19:49:49 +0100 | [diff] [blame] | 56 | transition: 0.5s ease-in-out; |
| 57 | color: var(--link-color) |
| Samuel Shuert | 016ea02 | 2021-09-01 16:17:24 -0500 | [diff] [blame] | 58 | } |
| 59 | |
| 60 | * { |
| 61 | box-sizing: border-box; |
| pineafan | a5ce910 | 2021-09-02 17:21:31 +0100 | [diff] [blame] | 62 | font-family: 'Roboto', sans-serif; |
| Samuel Shuert | 604e31d | 2021-09-02 16:06:20 -0500 | [diff] [blame] | 63 | scroll-behavior: smooth; |
| Samuel Shuert | 016ea02 | 2021-09-01 16:17:24 -0500 | [diff] [blame] | 64 | } |
| pineafan | d494b85 | 2021-09-03 19:49:49 +0100 | [diff] [blame] | 65 | |
| 66 | code { |
| 67 | font-family: monospace; |
| 68 | font-weight: bold; |
| 69 | color: #F27878; |
| 70 | background-color: var(--hint-color); |
| 71 | padding: 2px; |
| 72 | font-size: 105%; |
| 73 | border-radius: 5px; |
| 74 | padding-left: 5px; |
| 75 | } |