ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: indigo;
  display: flex;
  justify-content: center;
}

ul li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: rebeccapurple;
}
:root {
  --bg: #0f1115;
  --card: #121318;
  --muted: #9aa3b2;
  --accent: #7bd389;
  --accent-2: #65a3ff;
  --row-hover: rgba(255,255,255,0.03);
  --shadow: 0 6px 18px rgba(2,6,23,0.7);
  --radius: 10px;
  --font-sans: sans-serif;
}
h1 {
text-align: center;
}
body {
  background: linear-gradient(180deg, var(--bg) 0%, #0b0c0e 100%);
  color: #e6eef8;
  font-family: var(--font-sans);
  margin: 24px;
}