diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 55 |
1 files changed, 6 insertions, 49 deletions
@@ -1,66 +1,23 @@ -:root { - --black: #000000; - --flame: #f46e42; - --lavender-blush: #eee5e9; - --gray-web: #7c7c7c; - --gold-crayola: #efc88b; - - --bg: var(--black); - --fg: var(--lavender-blush); - - background: var(--bg); -} - -@media (prefers-color-scheme: light) { - :root { - --flame: #cf5c36; - --gold-crayola: #b5863b; - - --bg: var(--lavender-blush); - --fg: var(--black); - } -} - body, html { margin: 0; padding: 0; - background-color: var(--bg); - color: var(--fg); font-family: "Inter", sans-serif; text-transform: lowercase; } -.centeredpage { - max-width: 700px; - margin: 0 auto; - margin-bottom: 100px; +main { + max-width: 35em; + margin: 100px auto; padding: 0 24px; - - text-align: justify; } -h1 { - text-align: center; - font-size: 75px; - font-weight: 700; -} - -@media screen and (max-width: 600px) { - h1 { - font-size: 12vw; - } -} - -a { color: var(--flame); } - -code { - font-family: "JetBrainsMono Nerd Font", "JetBrainsMono", monospace; - color: var(--gold-crayola); -} +h1 { text-align: center; } p, ul { margin: 30px 0; } ul { line-height: 1.7; } +.fill { height: calc(100vh - 300px); } + |