// content.styl: Content margins and link styling

.content
  margin 0 20%

  a
    color hsl(100, 40%, 40%)
    text-decoration none
    transition .15s

    &:hover,
    &:focus
      color hsl(100, 30%, 30%)
      text-decoration underline

    &:active
      color hsl(0, 0, 0)

@media (max-width 992px)
  .content
    margin 0 10%

@media (max-width 768px)
  .content
    margin 0 5%

@media (max-width 480px)
  .content
    margin 0 2%