We will be creating two navigation elements: one horizontal at the top
of the page, and one vertical side navigation.

Review the position.html file and answer the following questions:

1. List any differences you see between the two nav elements.

   One is an unordered list.

Open the position.html file in a browser window.

2. What descendant selector can we use to remove the link underlines from
   the main nav?

   #main-nav a

3. What descendant selector can we use to remove the link underlines from
   the side nav?

   #side-nav ul li a

Remove all the underlines.

Now let's work on the main nav. We want to:

- add space between the links
- add color to the links #dd0031
- change the font-family
- center the links vertically
- move the "Order Food" link to the right side & style it to look like a button
- fix the nav so it stays at the top even when we scroll down the page

Now let's work on the side nav. We want to:

- remove the bullet points
- remove the margin and padding from the <ul> element
- add a grey background to the <a> elements
- add margin between the <a> elements
- add a hover effect to the <a> elements