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