style.styl

@css { @import url("https://fonts.googleapis.com/css?family=Quicksand"); }

body
    margin 0
    padding 0
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif

main
    min-height 100vh
    padding 0 8vmin
    display flex
    flex-direction column
    align-items center
    background-color #242424
    user-select none
    transition background-color 0.25s

#quote, #controls
    transition opacity 0.25s
    display flex

#quote
    font-family 'Quicksand', sans-serif
    font-size 7vmin
    text-align center
    color white
    flex 1
    align-items center

.fade
    opacity 0

#controls
    width 100%
    padding 2vmin 0
    justify-content center

    #share
        cursor pointer
        
        svg
            width 4vmin
            height 4vmin
            fill whitesmoke