/* This will affect all the h3 things, shifting them to the right a bit */
h3 {
  padding-left: 40px;
}

/* This will affect everything with "cooked" in the classes */
.cooked {
  color: orange;
}

/* This will affect everything with "bird" in the classes */
.bird {
  color: brown;
}

/* This affects everything with "egg" in the classes.
This is making them all underlined (but not
the toast and toaster. Notice how both the colors (above)
and the underline here are overlapping at the same time */
.egg {
  text-decoration: underline;
}

/* The only thing isn't edible is the toaster, and you can see
it has a different font from everything else - it has the default
font with serifs (the little pointy bits) */
.edible {
  font-family: sans-serif;
}

/* this comes after the other rules, so it will override them
(there's more to that but it's complicated) */
#quail-egg {
  color: green;
}

/* this is related to the second tutorial */
.border {
  border: solid 1px blue;
}

.block {
  display: block;
}

p {
  padding: 5px;
}