:root { --base03: #002b36; --base02: #073642; --base01: #586e75; --base00: #657b83; --base0: #839496; --base1: #93a1a1; --base2: #eee8d5; --base3: #fdf6e3; --yellow: #b58900; --orange: #cb4b16; --red: #dc322f; --magenta: #d33682; --violet: #6c71c4; --blue: #268bd2; --cyan: #2aa198; --green: #859900; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background-color: var(--base3); color: var(--base01); line-height: 1.6; } header { text-align: center; padding: 2rem 0; } nav ul { list-style: none; display: flex; justify-content: center; gap: 2rem; } nav ul li { display: inline; } nav ul li a { text-decoration: none; color: var(--base03); font-weight: 600; font-size: 1.1rem; transition: color 0.3s ease; } nav ul li a:hover { color: var(--blue); } .hline { width: 90%; margin: 1.5rem auto; border: 0; border-top: 2px dashed var(--base1); } main { max-width: 800px; margin: 0 auto; padding: 2rem; } main h1 { color: var(--base02); margin-bottom: 1rem; } main p { color: var(--base00); }