body {
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  background: #1e1e1e;
  color: #f0f0f0;
}

header {
  background: #2b2b2b;
  padding: 1em;
  text-align: center;
}

header h1 {
  margin: 0;
  color: #8bc34a;
}

nav a {
  color: #ccc;
  margin: 0 15px;
  text-decoration: none;
}

nav a:hover {
  color: #8bc34a;
}

.hero, .shop {
  text-align: center;
  padding: 3em 1em;
}

.btn {
  background: #8bc34a;
  color: white;
  padding: 0.8em 1.5em;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
  margin-top: 1em;
}

footer {
  text-align: center;
  padding: 1em;
  background: #2b2b2b;
  color: #aaa;
}