body {
  background-color: #111;
  color: #fefefe;
  font-family: 'Courier New', monospace;
  margin: 0;
  padding: 0;
  text-align: center;
}

header {
  background: #222;
  padding: 20px;
  border-bottom: 2px solid crimson;
}

h1 {
  color: crimson;
  font-size: 2.5em;
  margin: 0;
}

.tagline {
  font-style: italic;
  color: #ccc;
}

nav a {
  color: #fefefe;
  text-decoration: none;
  margin: 0 10px;
}

nav a:hover {
  color: crimson;
}
/* Homepage background */
body.homepage {
  background-image: url('images/bg-home.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #f4f4f4;
}

/* Recipes background */
body.recipes {
  background-image: url('images/bg-recipes.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #f4f4f4;
}