diff options
Diffstat (limited to 'src/public/css')
| -rw-r--r-- | src/public/css/style.css | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/src/public/css/style.css b/src/public/css/style.css new file mode 100644 index 0000000..5677e91 --- /dev/null +++ b/src/public/css/style.css @@ -0,0 +1,64 @@ +*, *::before, *::after { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; + min-height: 100vh; + display: flex; + flex-direction: column; + color: #333; + background: #fafafa; +} + +header { + background: #fff; + border-bottom: 1px solid #dbdbdb; + padding: 0.75rem 1rem; +} + +header nav { + max-width: 960px; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + font-size: 1.5rem; + font-weight: bold; + text-decoration: none; + color: #333; +} + +.nav-links a { + margin-left: 1rem; + text-decoration: none; + color: #0095f6; +} + +main { + flex: 1; + max-width: 960px; + margin: 2rem auto; + padding: 0 1rem; + width: 100%; +} + +footer { + text-align: center; + padding: 1rem; + color: #999; + font-size: 0.85rem; + border-top: 1px solid #dbdbdb; +} + +@media (max-width: 600px) { + header nav { + flex-direction: column; + gap: 0.5rem; + } +} |
