html,
body
  margin: 0
  padding: 0

body
  background: #eee

#main-nav
  margin-bottom: 15px
  padding-left: 20px
  background: teal

  ul
    li
      display: inline-block
      margin: 0 10px 0 0

      a
        display: block
        height: 100%
        padding: 8px 12px
        background: none
        color: white
        font-size: 2rem
        text-decoration: none
        transition: all 220ms ease-in-out

        &:hover
          background: rgba(0, 0, 0, .1)
          color: lightgrey

#main-content
  padding: 12px 20px
  background: white
  border-radius: 8px