html, body
  background-color: #000
  color: #eee
  margin: 0px
  padding: 0px
  position: fixed
  overflow: hidden
  top: 0
  bottom: 0
  left: 0
  right: 0

.dialog
  display: none
  align-items: center
  justify-content: center
  font-family: sans-serif
  font-size: 170%
  position: absolute
  width: 100%
  height: 100%
  background: rgba(255, 255, 255, 0.2)
  -webkit-user-select: none
  -moz-user-select: none
  user-select: none
  &.visible
    display: flex
  .wrap
    padding: 30px 60px
    margin: 20px auto
    width: 60%
    background: rgba(0, 0, 0, 0.8)
    border-radius: 5px
  h1
    margin: 0

a
  color: skyblue
  &:visited
    color: skyblue

#title
  -webkit-user-select: none
  -moz-user-select: none
  user-select: none
  position: absolute
  top: 10%
  width: 100%
  font-size: 3em
  font-family: 'Dosis'
  opacity: 1
  -webkit-transition: all 0.3s ease-in-out
  -moz-transition: all 0.3s ease-in-out
  transition: all 0.3s ease-in-out
  margin: 0 0.5rem
  &.hidden
    opacity: 0

#watermark img
  position: fixed
  overflow: hidden
  left: 0
  bottom: 0
  opacity: 0.3
  width: 24px
  height: 24px
  padding: 12px
  &:hover
    opacity: 1
    -webkit-filter: drop-shadow(white 0 0 5px)

canvas
  cursor: -webkit-grab
  &:active
    cursor: -webkit-grabbing