/*! app.less -- main app styles */body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#334246;padding:30px 40px}body,body *{-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}a{color:#334246;text-decoration:none;transition:opacity 150ms linear}a:hover,a:active{opacity:0.7}header,main{clear:left;width:100%;max-width:800px;margin:0 auto}header{margin-bottom:10px}h1{margin:0;font-size:80px;line-height:1.2em}h2{margin:10px 0 0 0;font-size:20px;font-weight:200}h3{margin:0;font-size:38px;line-height:1.8em;font-weight:bold}main{padding-top:20px;overflow:hidden}main ul{margin:0;padding:0;list-style:none}main small{font-size:20px;font-weight:200}[class*=step-]{display:block;float:left;clear:left;width:100%;opacity:0;-webkit-transform:translate(0, 30px);-moz-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px)}body.active [class*=step-]{opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.step-1{-webkit-transition:opacity 500ms 300ms linear, -webkit-transform 500ms 300ms ease-out;-moz-transition:opacity 500ms 300ms linear, -moz-transform 500ms 300ms ease-out;-ms-transition:opacity 500ms 300ms linear, -ms-transform 500ms 300ms ease-out;transition:opacity 500ms 300ms linear, transform 500ms 300ms ease-out}.step-2{-webkit-transition:opacity 500ms 400ms linear, -webkit-transform 500ms 400ms ease-out;-moz-transition:opacity 500ms 400ms linear, -moz-transform 500ms 400ms ease-out;-ms-transition:opacity 500ms 400ms linear, -ms-transform 500ms 400ms ease-out;transition:opacity 500ms 400ms linear, transform 500ms 400ms ease-out}.step-3{-webkit-transition:opacity 500ms 500ms linear, -webkit-transform 500ms 500ms ease-out;-moz-transition:opacity 500ms 500ms linear, -moz-transform 500ms 500ms ease-out;-ms-transition:opacity 500ms 500ms linear, -ms-transform 500ms 500ms ease-out;transition:opacity 500ms 500ms linear, transform 500ms 500ms ease-out}.step-4{-webkit-transition:opacity 500ms 600ms linear, -webkit-transform 500ms 600ms ease-out;-moz-transition:opacity 500ms 600ms linear, -moz-transform 500ms 600ms ease-out;-ms-transition:opacity 500ms 600ms linear, -ms-transform 500ms 600ms ease-out;transition:opacity 500ms 600ms linear, transform 500ms 600ms ease-out}.step-5{-webkit-transition:opacity 500ms 700ms linear, -webkit-transform 500ms 700ms ease-out;-moz-transition:opacity 500ms 700ms linear, -moz-transform 500ms 700ms ease-out;-ms-transition:opacity 500ms 700ms linear, -ms-transform 500ms 700ms ease-out;transition:opacity 500ms 700ms linear, transform 500ms 700ms ease-out}.step-6{-webkit-transition:opacity 500ms 800ms linear, -webkit-transform 500ms 800ms ease-out;-moz-transition:opacity 500ms 800ms linear, -moz-transform 500ms 800ms ease-out;-ms-transition:opacity 500ms 800ms linear, -ms-transform 500ms 800ms ease-out;transition:opacity 500ms 800ms linear, transform 500ms 800ms ease-out}.step-7{-webkit-transition:opacity 500ms 900ms linear, -webkit-transform 500ms 900ms ease-out;-moz-transition:opacity 500ms 900ms linear, -moz-transform 500ms 900ms ease-out;-ms-transition:opacity 500ms 900ms linear, -ms-transform 500ms 900ms ease-out;transition:opacity 500ms 900ms linear, transform 500ms 900ms ease-out}.step-8{-webkit-transition:opacity 500ms 1000ms linear, -webkit-transform 500ms 1000ms ease-out;-moz-transition:opacity 500ms 1000ms linear, -moz-transform 500ms 1000ms ease-out;-ms-transition:opacity 500ms 1000ms linear, -ms-transform 500ms 1000ms ease-out;transition:opacity 500ms 1000ms linear, transform 500ms 1000ms ease-out}.step-9{-webkit-transition:opacity 500ms 1100ms linear, -webkit-transform 500ms 1100ms ease-out;-moz-transition:opacity 500ms 1100ms linear, -moz-transform 500ms 1100ms ease-out;-ms-transition:opacity 500ms 1100ms linear, -ms-transform 500ms 1100ms ease-out;transition:opacity 500ms 1100ms linear, transform 500ms 1100ms ease-out}.step-10{-webkit-transition:opacity 500ms 1200ms linear, -webkit-transform 500ms 1200ms ease-out;-moz-transition:opacity 500ms 1200ms linear, -moz-transform 500ms 1200ms ease-out;-ms-transition:opacity 500ms 1200ms linear, -ms-transform 500ms 1200ms ease-out;transition:opacity 500ms 1200ms linear, transform 500ms 1200ms ease-out}@media (max-width:820px){h1{font-size:50px}h2{font-size:14px}h3{font-size:30px}}@media (max-width:550px){body{padding:40px}h1{font-size:30px}h2{font-size:16px;line-height:1.4em}h3{font-size:20px;line-height:1.2em;margin-bottom:1.2em}small{display:none}}