.skrollable {
	/* * First-level skrollables are positioned relative to window */
	position: fixed;
	/* * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable */
	z-index: 100; 
}
.skrollr-mobile .skrollable {
	/* May cause issues on Android default browser (see #331 on GitHub). */
	position: absolute; 
}
.skrollable .skrollable {
	/* * Second-level skrollables are positioned relative their parent skrollable */
	position: absolute; 
}
.skrollable .skrollable .skrollable { /* * Third-level (and below) skrollables are positioned static */
	position: static; 
}
.scrollr-wrap { width: 100%; height: 100%; }
#progress { height: 2%; background: #444; bottom: 0; z-index: 200; }
#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; }
#bg1, #bg2, #bg3 { z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bubbles.html) repeat 0 0; }
#bg2 { z-index: 49; background-image: url(../images/bubbles2.html); }
#bg3 { z-index: 48; background-image: url(../images/bubbles3.html); }
#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; }