/*
  Basic styling for the simple shop.  Feel free to modify this file to
  customize fonts, colours and layout.  The CSS uses only standard
  properties so it will work in any modern browser.
*/

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fafafa;
  color: #333;
}

header {
  background-color: #0069d9;
  color: #fff;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

header h1 {
  margin: 0;
  font-size: 1.5rem;
}

nav ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 1rem;
}

nav a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

main {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

section {
  margin-bottom: 2rem;
}

h2 {
  margin-top: 0;
  color: #0069d9;
}

.instructions {
  font-size: 0.9rem;
  color: #555;
  margin-top: 1rem;
}

footer {
  background-color: #0069d9;
  color: #fff;
  text-align: center;
  padding: 1rem;
}