master.styl

gray = rgba(black, .2)
blue= rgb(28,155,230)
*
    margin 0
    padding 0
    box-sizing border-box
body
    font-size 18px
    font-family: Helvetica, Arial

p
    margin 1em 0

form
    padding 10px
    input
        font-size 18px


input
    width 100%
    display block
    padding 10px

button 
    width 100%
    display block
    font-size 15px
    padding 10px
    margin-top 10px

#teams
    #header
        background white
        position absolute
        padding 10px
        border-bottom 1px solid gray
        top 0
        left 0
        right 0
        height 62px
        overflow hidden

        #clear
            position absolute
            top 18px
            right 20px
            z-index 10
            text-transform uppercase
            font-size 11px
            font-weight bold
            border 1px solid gray
            border-radius 3px
            padding 8px 10px
            background rgba(gray, .04)

            &:active
                background: rgba(gray, .5)
                border-color: rgba(gray, .8)
                color: white


    margin-top 60px

    input
        font-size 20px
    padding 10px

    ul
        margin-top 10px
        position absolute
        top: 62px
        bottom: 0
        left: 0
        right: 0
        overflow: scroll
        -webkit-overflow-scrolling: touch
    li
        padding 10px 0
        transition: all .1s

    li.upVoted
        background: rgba(green, .1)
        text-indent: 10px