svg
  width: 100%
  height: auto

header
  display: flex
  justify-content: space-between
  background-color: blue
  color: white
  line-height: 1em
  h1
    font-size: 100%
    a:link
      color: white
  #downloads
    display: flex

#info
  display: none

#error
  display: none
  background-color: red

#svg, #dot
  text-decoration: inherit
  color: white
  display: none
  &[href]
    display: block

.top
  header
    position: absolute
    top: 0
    left: 0
    right: 0
    height: 2em
    overflow: hidden
  main
    position: absolute
    top: 2em
    left: 0
    right: 0
    bottom: 0
    overflow: auto

.bottom
  header
    position: absolute
    bottom: 0
    left: 0
    right: 0
    height: 2em
    overflow: hidden
  main
    position: absolute
    top: 0
    left: 0
    right: 0
    bottom: 2em
    overflow: auto

.left
  header
    position: absolute
    top: 0
    right: 2em
    left: 0
    height: 2em
    overflow: hidden
    transform: translate(-50%) translate(1em) rotate(270deg) translate(-50%) translate(2em)
  main
    position: absolute
    top: 0
    left: 2em
    right: 0
    bottom: 0
    overflow: auto

.right
  header
    position: absolute
    top: 0
    right: 0
    left: 3em
    height: 2em
    overflow: hidden
    transform: translate(50%) translate(-1em) rotate(90deg) translate(50%) translate(-1em)
  main
    position: absolute
    top: 0
    left: 0
    right: 2em
    bottom: 0
    overflow: auto