h1 { color: #369; font-size: 250%; } h2, h3 { color: #444; font-weight: lighter; } body { font-family: Helvetica, Arial, sans-serif; margin: 2em; color: #333; } .nav * { display: inline; } .nav li { padding: 0.5em; margin: 0.2em; background: #eee; border-radius: 5px; } .nav li:hover { background: #ccc; transition-duration: 500ms; } .nav li.selected { background: #bbb; transition-duration: 100ms; } .nav .selected a { color: #111; transition-duration: 100ms; } .nav a { color: #333; text-decoration: none; }