body
  margin 0
  padding 0
  font-family font-base, sans-serif
  font-weight font-base-weight
  font-size font-size-medium

h1
  font-weight font-base-weight

a
  color color-secondary
  text-decoration none
  &:hover
    text-decoration underline

p
  margin-top -0.3rem

.spinner
  border 2px solid lightgrey
  border-top: 2px solid dimgrey
  border-radius 50%
  width 4rem
  height 4rem
  animation spin 1.1s cubic-bezier(0.7, 0.2, 0.3, 0.7) infinite

@keyframes spin
  0% {
    transform: rotate(40deg)
  }

  100% {
    transform: rotate(400deg)
  }

body
  margin 0
  padding 0
  font-family font-base, sans-serif
  font-weight font-base-weight
  font-size font-size-medium

h1
  font-weight font-base-weight

a
  color color-secondary
  text-decoration none
  &:hover
    text-decoration underline

p
  margin-top -0.3rem

.spinner
  border 2px solid lightgrey
  border-top: 2px solid dimgrey
  border-radius 50%
  width 4rem
  height 4rem
  animation spin 1.1s cubic-bezier(0.7, 0.2, 0.3, 0.7) infinite

@keyframes spin
  0% {
    transform: rotate(40deg)
  }

  100% {
    transform: rotate(400deg)
  }

[placeholder]:focus::-webkit-input-placeholder
  color lightgrey

Make placeholder go dim when focusing search input.
Make placeholder go dim when focusing search input.
