/* http://codepo8.github.io/css-fork-on-github-ribbon/

#forkongithub a
  background: purple
  color: white
  text-decoration: none
  font-family: Arial, sans-serif
  text-align: center
  font-weight: bold
  padding: 5px 40px
  font-size: 1rem
  line-height: 2rem
  position: relative
  transition: 0.5s

#forkongithub a::before, #forkongithub a::after
  content: ""
  width: 100%
  display: block
  position: absolute
  top: 1px
  left: 0
  height: 1px
  background: #fff

#forkongithub a::after
  bottom: 1px
  top: auto

#forkongithub
  position: absolute
  bottom: 5vh
  margin: 0 auto
  left: 0
  right: 0

@media screen and (min-width:600px)
  #forkongithub
    position: absolute
    display: block
    top: 0
    left: auto
    right: 0
    width: 200px
    overflow: hidden
    height: 200px

  #forkongithub a
    width: 200px
    position: absolute
    top: 60px
    right: -60px
    transform: rotate(45deg)
    -webkit-transform: rotate(45deg)
    box-shadow: 4px 4px 10px rgba(0,0,0,0.8)

/* http://codepo8.github.io/css-fork-on-github-ribbon/

#forkongithub a
  background: purple
  color: white
  text-decoration: none
  font-family: Arial, sans-serif
  text-align: center
  font-weight: bold
  padding: 5px 40px
  font-size: 1rem
  line-height: 2rem
  position: relative
  transition: 0.5s

#forkongithub a::before, #forkongithub a::after
  content: ""
  width: 100%
  display: block
  position: absolute
  top: 1px
  left: 0
  height: 1px
  background: #fff

#forkongithub a::after
  bottom: 1px
  top: auto

@media screen and (min-width:600px)
  #forkongithub
    position: absolute
    display: block
    top: 0
    left: auto
    right: 0
    width: 200px
    overflow: hidden
    height: 200px

  #forkongithub a
    width: 200px
    position: absolute
    top: 60px
    right: -60px
    transform: rotate(45deg)
    -webkit-transform: rotate(45deg)
    box-shadow: 4px 4px 10px rgba(0,0,0,0.8)

Fix github banner on mobile so it doesn't overlap hint rules.
Fix github banner on mobile so it doesn't overlap hint rules.
