@require './fonts/dawning.styl'

html, body, .art-container
  height 100%

body
  margin 0
  // font-family -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
  font-family dawning

absolute-unit()
  position absolute
  width 100%
  height 100%

.art-canvas
  absolute-unit()
  box-shadow 0 0 3vw rgba(0, 0, 0, 0.6)

.ui-container
  absolute-unit()
  
  display flex
  align-items center
  justify-content center
  overflow auto

  flex-direction column

  cursor grab
  & > *
    cursor default

  &, & input
    color #000000
    font-family dawning
    font-weight bold

  &.ui-container--dark
    &, & input
      color #ffffff

.namebox
  display flex
  align-items center
  justify-content center
  flex-direction column

  position absolute

  right 0
  bottom 24px
  padding 24px
  overflow hidden

.fancy-namebox
  transform rotate(-26deg)

.art-name
  background transparent
  border none
  outline none

  font-size 20px
  width 200px

  text-align center

.artist-signo
  font-size 30px
  text-align center