#progress {
    margin-left:50px;
    margin-right:50px;
    height:2px;
    background:#444;
    bottom:35px;
    z-index:200;
}
#progress_right{
    right: 50px;
    margin-top:35px;
    margin-bottom:50px;
    width:2px;
    background:#444;
}
#progress_top{
    width:auto;
    left:50px;
    right:50px;
    top:35px;
    height:2px;
    background:#444;
}
#progress_left{
    height: auto;
    margin-left:50px;
    top:35px;
    bottom:35px;
    width:2px;
    background:#444;
}

#scrollbar {
    position:fixed;
    right:2px;
    height:50px;
    width:6px;
    background:#444;
    background:rgba(0,0,0,0.6);
    border:1px solid rgba(255,255,255,0.6);
    z-index:300;
    border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}


#intro {
    width:80%;
    left:50%;
    top:1em;
    margin-left:-40%;
    padding:2em;
    background:#fff;
    text-align:center;
    border-radius:1em;

    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#intro .arrows {
    font-size:2em;
    color:#09f;
}

#transform {
    width:70%;
    left:50%;
    top:20%;
    margin-left:-35%;
    text-align:center;
    font-size:150%;

.transform-origin(50%, 50%);
}

#properties {
    width:100%;
    height:100%;
    padding-top:10%;
    text-align:center;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#easing_wrapper {
    width:100%;
    height:100%;
}

#easing {
    top:10%;
    width:50%;
    z-index:101;
}

.drop {
    background:#09f;
    font-weight:bold;
    padding:1em;
}

#download {
    width:80%;
    left:10%;
    height:80%;
    padding:3em;
    border:0 solid #222;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.twitter-share-button, .twitter-follow-button {
    vertical-align:middle;
}