.step{font-weight:bold;font-size:64px;width:1060px;height:720px;padding:40px 60px;color:#ffdab9;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;transition:opacity 1s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.active{opacity:1;-ms-filter:none;filter:none}
.will-fade{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.do-fade{opacity:1;-ms-filter:none;filter:none}
@font-face{font-family:'RamblaBold';src:url("../fonts/Rambla-Bold.ttf") format('truetype')}
body{font-family:'RamblaBold',sans;background-color:#131514;color:#fff}
p,ul,h2,h3,pre{margin:.1em auto}
h1{font-size:100px;text-align:center;color:#c0c0c0;text-shadow:0 0 30px rgba(255,255,255,0.6)}
h2,h3{font-size:68px;text-align:center;text-shadow:0 0 3px #808080}
h2{color:#c06ed8}
h3{color:#d196e3}
a{color:#add8e6}
.small{font-size:56px;}
.small code,.small .code{font-size:48px}
.smaller{font-size:50px;}
.smaller code,.smaller .code{font-size:44px}
pre{white-space:pre-wrap;word-wrap:break-word;margin:.1em auto;}
pre code{display:block}
code{padding:.2em;-webkit-border-radius:.4em;border-radius:.4em;font-weight:normal;background:#1d1f21;color:#c5c8c6}
code,.code{font-family:'DejaVu Sans Mono',monospace;font-size:54px}
.row{position:relative;height:1em}
.text,.line,.indent,.indent::before{display:inline-block;height:100%;vertical-align:top}
.text{background:#00008b}
.line{background:#808080}
.indent::before{height:1em;content:'\00A0';background:#90ee90}
.bar{position:absolute;top:0;left:0;bottom:0;width:10px;background:#f00;margin-left:-10px}
.container{position:relative}
.code.post{position:absolute;top:0;right:0}
#title p{text-align:center}
.middle{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-items:center}