.square{width:100px;height:100px;background-color:#586e75;display:inline-block;-webkit-backface-visibility:hidden;cursor:pointer}.red{color:#d15656}.blue{color:#268bd2}.square.small{width:50px;height:50px}.square.absolute{position:absolute}.grid-item{display:inline-block;margin:50px!important}.grid-item.line{display:block}.reveal table{color:#657b83;margin-left:auto;margin-right:auto;border-collapse:collapse}.reveal table tr td,.reveal table tr th{padding:.2em 1em;border-bottom:1px solid}p.small{font-size:.6em;font-style:italic;margin:.4em 0 1em}h4 .small{text-transform:none;font-size:.6em}h4.with-subtitle{margin-bottom:0}.vertical-dotted{height:100px;width:2px;border-right:1px dashed #555!important;display:inline-block;top:20px;margin:0 100px!important}.easingchain-container,.vertical-dotted{position:relative}.easingchain-container .square.absolute{top:100px;left:-100px}img{border:none!important}span.comparison-duration{color:#268bd2;font-size:1.2em;font-weight:700}span.comparison-symbol{color:#000;font-weight:400}span.comparison-number{font-weight:700;color:#000}div.follow-mouse{position:absolute;width:10px;height:10px;top:44%;left:0;background:#d15656;-webkit-backface-visibility:hidden}div.follow-mouse.ease{top:48%;background:#268bd2}div.interface{width:80%;margin:0 auto}.interface div{float:left;margin:.5%;-webkit-backface-visibility:hidden}.interface.nope div{background:#d15656}.interface.yep div{background:#268bd2}.interface .a{width:10%;height:100px}.interface .b{width:88%;height:100px}.interface .c,.interface .d,.interface .e,.interface .f{width:24%;height:150px}.interface .g{width:99%;height:80px}.grid-item.compose .text{font-size:.75em}.grid-item.compose .square{margin-top:25px}.cube-container{width:100px;height:100px;position:relative;margin:50px auto!important;perspective:500px}.cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d}.cube figure{width:100px;height:100px;display:block;position:absolute;-webkit-backface-visibility:hidden}.cube .front{transform:rotateY(0deg) translateZ(50px);background:#586e75}.cube .back{transform:rotateX(180deg) translateZ(50px);background:#586e75}.cube .right{transform:rotateY(90deg) translateZ(50px);background:#d15656}.cube .left{transform:rotateY(-90deg) translateZ(50px);background:#d15656}.cube .top{transform:rotateX(90deg) translateZ(50px);background:#268bd2}.cube .bottom{transform:rotateX(-90deg) translateZ(50px);background:#268bd2}.easing-demo-container{width:670px;margin:0 auto!important;height:310px}.graph{width:310px;height:310px;position:relative;float:left}.graph .background{position:absolute;width:100%;height:100%;top:0;left:0}.graph.linear .background{background:url(../img/graph-linear.svg)}.graph.expo .background{background:url(../img/graph-expo.svg)}.graph .line{position:absolute;left:13px;-webkit-backface-visibility:hidden}.graph .line.h{width:260px;height:1px;background:#586e75;bottom:21px;left:16px}.graph .line.v{height:260px;width:1px;background:#586e75;bottom:16px;left:21px}.graph .marker{position:absolute;bottom:13px;left:13px;width:20px;height:20px;background:#fff;box-sizing:border-box;border:5px solid red;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}