diff --git a/style.css b/style.css index 4ba1d57..56c1599 100644 --- a/style.css +++ b/style.css @@ -1,100 +1,111 @@ body { max-width: 900px; - margin: 2rem auto; - padding: 0 1rem; - font-family: system-ui, sans-serif; + margin: 0 auto; + padding: 1rem; + font-family: "Go", "Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height: 1.5; + background: #ffffea; + color: #000; } header { - margin-bottom: 2rem; + margin-bottom: 1rem; + padding: 0.5rem; + background: #eaffff; + border: 1px solid #888; } h1 { - margin-bottom: 0.25rem; + margin: 0 0 0.25rem 0; + font-size: 1.25rem; + font-weight: normal; } .subtitle { margin: 0; font-size: 0.9rem; - color: #666; } .intro { - margin: 0.5rem 0 0 0; - font-style: italic; - color: #555; + margin: 0.25rem 0 0 0; + font-size: 0.9rem; } h2 { - margin-top: 2rem; - border-bottom: 1px solid #ccc; - padding-bottom: 0.25rem; + margin: 1.5rem 0 0.5rem 0; + padding: 0.25rem 0.5rem; + background: #eaffff; + border: 1px solid #888; + font-size: 1rem; + font-weight: normal; } .country { - margin-bottom: 2rem; + margin-bottom: 1.5rem; +} + +h3 { + margin: 0.75rem 0 0.25rem 0; + font-size: 1rem; + font-weight: bold; } .source { - margin: 0.5rem 0; - padding: 0.5rem; - border-left: 3px solid #ddd; + margin: 0.25rem 0; + padding: 0.25rem 0; } .source a { - font-weight: 600; + color: #0000ff; +} + +.source a:visited { + color: #551a8b; } .leaning { font-size: 0.85rem; - color: #666; margin-left: 0.5rem; } -.leaning.left { color: #2563eb; } -.leaning.center-left { color: #3b82f6; } -.leaning.center { color: #6b7280; } -.leaning.center-right { color: #dc2626; } -.leaning.right { color: #b91c1c; } -.leaning.state { color: #7c3aed; } +.leaning.left { color: #0000aa; } +.leaning.center-left { color: #0066aa; } +.leaning.center { color: #444; } +.leaning.center-right { color: #aa4400; } +.leaning.right { color: #aa0000; } +.leaning.state { color: #660066; } .description { font-size: 0.9rem; - color: #444; - margin-top: 0.25rem; + color: #333; + margin-top: 0.125rem; } nav { - margin-bottom: 2rem; + margin-bottom: 1rem; + padding: 0.25rem 0.5rem; + background: #eaffff; + border: 1px solid #888; display: flex; flex-wrap: wrap; gap: 0.5rem; } nav a { - padding: 0.25rem 0.5rem; - background: #f3f4f6; - border-radius: 4px; - text-decoration: none; - font-size: 0.85rem; + color: #0000ff; + font-size: 0.9rem; } -nav a:hover { - background: #e5e7eb; -} - -h3 { - margin: 1rem 0 0.5rem 0; - font-size: 1.1rem; +nav a:visited { + color: #551a8b; } footer { - margin-top: 3rem; - padding-top: 1rem; - border-top: 1px solid #ddd; + margin-top: 2rem; + padding: 0.5rem; + background: #eaffff; + border: 1px solid #888; font-size: 0.85rem; - color: #666; } footer p {