.app
  background: radial-gradient(ellipse at bottom, #1c2837 0%, #050608 100%)
  background: -webkit-radial-gradient(ellipse at bottom, #1c2837 0%, #050608 100%)
  min-height: 100vh
  font-size: 24px
  font-family: 'Titillium Web', sans-serif
  display: flex
  flex-direction: column
  justify-content: stretch
  align-items: center

.content
  color: #838383
  line-height: 1.5
  width: 100%
  max-width: 1024px
  padding: 1em 0
  box-sizing: content-box
  flex-grow: 1
  text-align: center

.footer
  color: #fff
  right: 0
  bottom: 0
  left: 0
  padding: 5px 0
  border: 0
  border-top: 1px solid white
  opacity: .1
  font-size: 20px
  text-align: right
  width: 100%

// @FIXME - known issue: padding will be treated like outer margins, causes scrollbars to appear