/* Global styles */
body {
  background-color: #F5F5F5;   /* off-white background */
  color: #40407A;              /* violet text */
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

/* Header */
header {
  background-color: #80CBC4;   /* teal background */
  padding: 1rem;
}

/* Navigation */
nav {
  background-color: #FFFFFF;   /* optional: white nav area */
  padding: 0.5rem;
}
nav a {
  margin: 0 1rem;
  text-decoration: none;
  color: #40407A;
  font-weight: bold;
}
nav a:hover {
  text-decoration: underline;
}

/* Main */
main {
  padding: 1rem;
}

/* Generic div inside main */
main div {
  border: 1px solid #ccc;
  padding: 1rem;
  margin-top: 1rem;
}

/* Footer */
footer {
  background-color: #80CBC4;   /* teal background */
  padding: 1rem;
}