@import url('https://fonts.googleapis.com/css?family=Roboto:400,700')
@import './settings.json'

body
  align-items: center
  display: flex
  flex-direction: column
  font-family: 'Roboto', sans-serif
  font-size: 18px
  padding: 2rem

  > *
    width: 100%
    max-width: 600px

p
  margin: 0
  word-wrap: break-word

  & + p
    margin-top: 1rem

body, html
  margin: 0

.bar
  position: absolute
  top: 0
  left: 0
  max-width: 100%
  height: 5px
  background-color: $color

h1, h2
  margin: 0 0 1rem

  &:not(.top)
    margin: 1rem 0

a
  text-decoration: none
  color: $color

ul
  padding: 0
  margin: 0

  .title
    font-weight: bold

  li
    &:not(:first-of-type)
      margin-top: 0.75rem

    a
      display: table-cell
      font-size: 1.2rem

      img
        display: inline-block
        margin-left: 0.5rem
        margin-bottom: -0.25rem

ul.projects
  list-style: none

ul.supporters
  list-style: square

.thanks
  margin-top: 1rem

.patreon-button
  margin: 1rem 0 0

  img
    height: 50px