footer
  display: flex
  flex-direction: column
  justify-content: center
  align-items: center
  padding: 5rem 0 2rem 0
  text-align: center

  span
    opacity: 0.5

  ul
    list-style: none
    display: flex
    justify-content: center
    align-items: center
    margin: 0 0 1rem 0
    padding: 0

    li
      margin: 0 0.5rem

      a
        color: var(--text-color)
        text-decoration: none
        transition: all 0.1s

        &:hover
          color: var(--text-emphasized)
          text-decoration: underline