diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/style.css | 59 |
1 files changed, 57 insertions, 2 deletions
diff --git a/static/style.css b/static/style.css index d9bd157..e9e0fb6 100644 --- a/static/style.css +++ b/static/style.css @@ -35,7 +35,8 @@ body { color: #cdd6f4; font-family: 'FantasqueSansMono Nerd Font', 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', 'Arial', 'Helvetica', sans-serif; font-style: normal; - font-size: 1.1rem; } + font-size: 1.1rem; +} .container { display: flex; flex-direction: column; @@ -327,11 +328,12 @@ a { @media screen and (max-width: 768px) { body { - font-size: 16px; + font-size: 1.3rem; line-height: 1.2; } .header-inner { + font-size: 1.15rem; flex-direction: column; align-items: flex-start; gap: 10px; @@ -374,3 +376,56 @@ a { padding: 0 15px; } } + +.site-footer { + margin-top: 40px; + padding: 20px 0; + border-top: 1px solid #7f849c; + text-align: center; + font-size: 0.9em; + color: #7f849c; +} + +.site-footer a { + color: #f9e2af; + text-decoration: none; +} + +.site-footer a:hover { + text-decoration: underline; +} + +.site-footer .content { + max-width: 800px; + margin: 0 auto; + padding: 0 20px; +} + +.site-footer hr { + border: none; + border-top: 1px solid #7f849c; + margin: 15px 0; +} + +.site-footer iframe { + margin: 5px auto; + display: block; +} + +.social-links { + display: flex; + justify-content: center; + gap: 15px; + margin: 15px 0; +} + +.social-link svg { + width: 28px; + height: 28px; + fill: #cba6f7; + transition: fill 0.2s ease; +} + +.social-link:hover svg { + fill: #f9e2af; +} |