diff options
Diffstat (limited to 'static/css')
| -rw-r--r-- | static/css/common.css | 34 |
1 files changed, 25 insertions, 9 deletions
diff --git a/static/css/common.css b/static/css/common.css index c2b28e7..55a71c2 100644 --- a/static/css/common.css +++ b/static/css/common.css @@ -1,11 +1,15 @@ +:root { + --green: #00916E; + --pearl: #DED4B9; + --brown: #423D33; +} + html { - max-width: 80ch; padding-left: 1em; padding-right: 1em; - margin: auto; line-height: 1.75; font-size: 1.25em; - background-color: #64B6AC; + background-color: var(--green); } #main > .post + .post { @@ -55,21 +59,28 @@ ul { } body { - background-color: #DAFFEF; + max-width: 80ch; + margin: auto; + background-color: var(--pearl); + color: var(--brown); display: flex; flex-direction: column; /* font-family: 'Latin Modern Roman', 'Times New Roman', serif; */ - font-family: sans-serif; + font-family: "IM Fell English", serif; min-height: 100vh; overflow-wrap: break-word; padding-top: 1rem; padding-bottom: 1rem; - border-left: 4px solid #46555e; - border-right: 4px solid #46555e; + border-left: 4px solid var(--brown); + border-right: 4px solid var(--brown); } a { - color: #46555e; + color: var(--brown); +} + +a:hover { + color: #212a30; } /* header */ @@ -109,6 +120,11 @@ a { } +.nav-bar-item a:hover { + background-color: rgb(187, 221, 206); +} + + #header > nav > span > a { font-size: 1.2rem; } @@ -159,7 +175,7 @@ footer .links a { .content ol, .content table, .content ul { - margin-bottom: 1rem; + margin-bottom: 0.4rem; } .content blockquote { |