diff options
| author | Mica White <botahamec@outlook.com> | 2026-09-05 21:29:35 -0400 |
|---|---|---|
| committer | Mica White <botahamec@outlook.com> | 2026-09-05 21:29:35 -0400 |
| commit | 5ec2d93446ae890e164dd8ad33602a09c0d8814e (patch) | |
| tree | 6e863c1f7add4f6d682b280f4d9d18669fcc750b /style.css | |
First commit
Diffstat (limited to 'style.css')
| -rwxr-xr-x | style.css | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100755 index 0000000..bfb0b2a --- /dev/null +++ b/style.css @@ -0,0 +1,102 @@ +body { + max-width: 800px; + margin: auto; + padding-left: 20px; + padding-right: 20px; + + --dark-red: #623a46; + --red: #8f6370; + --light-red: #bf8f9d; + + --dark-orange: #623e29; + --orange: #8f6752; + --light-orange: #be947d; + + --dark-yellow: #4f481f; + --yellow: #7a7349; + --light-yellow: #a7a074; + + --dark-green: #2f5136; + --green: #587c5f; + --light-green: #84a98b; + + --dark-sky: #145154; + --sky: #447c7f; + --light-sky: #71aaad; + + --dark-blue: #2e4a67; + --blue: #577594; + --light-blue: #82a2c3; + + --dark-purple: #4d4063; + --purple: #776a90; + --light-purple: #a496bf; + + --white: #efedf4; + --dark-white: #ceccd3; + --lighter-gray: #afadb3; + --light-gray: #908e94; + --gray: #727077; + --dark-gray: #56545a; + --darker-gray: #3b393f; + --light-black: #222126; + --black: #0c0a0f; +} + +pre { + margin-left: 25px; + overflow-x: auto; +} + +.nav { + margin: 18pt 0 18pt 0; + padding: 3px 15px; + border-width: 2px; +} + +.nav nav { + display: inline-block; +} + +.nav menu { + display: inline-block; + list-style-type: none; + padding-left: 0; +} + +.nav li { + display: inline-block; +} + +.nav__title { + display: inline-block; + font-size: 18pt; + margin-right: 18pt; +} + +.nav__button { + display: inline-block; + text-decoration: none; + margin-right: 3px; + border-width: 3px; + border-style: solid; + padding: 8px; +} + +.screen-reader-focusable { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} + +.screen-reader-focusable:focus { + position: unset; + left: unset; + top: unset; + width: unset; + height: unset; + overflow: unset; +} |
