/* Variables */
@require 'app/variables.styl'

/* Resets */
*, *:before, *:after
    box-sizing border-box

ul
figure
    padding 0
    margin 0

/* Style */
html
body
    height 100%

body
    max-width 1200px
    width 80%
    margin 0 auto
    overflow-y scroll
    background #fafafa
    color text-color
    &.loading
        &
        *
            cursor wait !important

    @media small
        width 100%
        padding 0 20px

body
input
    font-family Roboto, sans-serif
    font-weight 300

.github-link
    position absolute
    top -10px
    left @top
    border solid transparent
    border-width 0 0 40px 40px
    border-left-color text-color
    text-decoration none
    color white
    transition .2s
    &:before
        content '✎'
        position absolute
        top -3px
        left -41px
        font-size 24px
    &:hover
        top 0
        left @top


[data-link]
    color text-color
    text-decoration none
    font-size 24px

@require 'app/components/lastfm'
@require 'app/components/forms'
@require 'app/components/controls'
@require 'app/components/tracks'