rotate(direction)
  animation-duration        10s
  animation-iteration-count infinite
  animation-name            unquote('rotate_' + direction)
  animation-timing-function linear

#home
  center 550px 550px
  
  &.leaving
    animation-duration        1s
    animation-name            zoom_fade
    animation-timing-function ease
  
  #ring
    width                     100%
    height                    100%
    animation-duration        10s
    animation-iteration-count infinite
    animation-name            rotate_clockwise
    animation-play-state      paused
    animation-timing-function linear
    background-image          url('../images/ring.png')
      
  #login
    center 362px 131px
    
    #message
      position       absolute
      padding-bottom 5px
      text-align     center
    
    input
      display       block
      width         350px
      height        25px
      margin-bottom 10px
      padding       5px
      border        1px solid #ccc
      outline       0
      font          1.2em
      
      &::-webkit-input-placeholder
        font-style italic
      
      &[disabled]
        background-color #eee