main.css

@import "bootstrap.css";
*{box-sizing:border-box}body{background:#fafafa;font-family:"Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;line-height:30px;color:#333;margin:0}.date{font-weight:bold}.pullMe{cursor:pointer;}.pullMe .bounce{display:inline-block}.warning{padding:20px;border:1px solid #ededed;border-left:5px solid #ff2d55;border-radius:3px;}.warning p{padding-bottom:0}.warning h3{color:#ff2d55;padding:0;margin:0}.notice{padding:20px;border:1px solid #ededed;border-left:5px solid #0da0cc;border-radius:3px;}.notice p{padding-bottom:0}.notice h3{color:#0da0cc;padding:0;margin:0}.example{padding-bottom:20px}.example.button-group{margin-bottom:45px}h1{font-size:60px;line-height:1;letter-spacing:-1px;color:#ff2a68;margin-top:10px}a:link,a:visited{text-decoration:none;color:#ff2a68}a[href]:hover{color:#ff2a68;text-decoration:underlined}.logo{font-size:30px;font-weight:700;cursor:default;margin-top:-3px;position:absolute;top:0;left:40px;line-height:76px;}.logo a:link,.logo a:visited{font-size:30px;text-decoration:none;color:#333}.toc{padding-top:40px;}.toc ul{margin:5px 0 20px 0;padding:0}.toc li{list-style:none}.toc h4{font-size:20px;margin:0}code,pre{font-size:16px}h2{color:#ff2a68}.button-group{text-align:center;margin:60px 0;width:100%}a.button{border:2px solid #ff2a68;border-radius:8px;padding:10px 15px 10px 15px;font-size:20px;font-weight:400;color:#ff2a68;margin:0 20px 0 0;}a.button:last-child{margin:0}nav{z-index:10;position:fixed;top:0;left:0;right:0;height:70px;background:#fff;box-shadow:0 0 3px 2px rgba(0,0,0,0.1)}.preview{background-image:url("../images/iphone_frame.png");background-repeat:no-repeat;background-position:center center;background-color:#f0f0f0;position:fixed;right:0;top:70px;bottom:0;text-align:center;}.preview .item{background-color:#999;width:276px;height:416px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border:0}.landing{padding-bottom:70px;text-align:center;}.landing h1{color:#333}.landing .button-group{margin-top:50px}@media (min-width:768px){.landing{padding-top:70px}pre{min-width:500px}.container{width:100%;position:relative;max-width:800px;padding-top:25px}body{margin-top:80px}.footer{position:fixed;bottom:0;left:0;right:0;text-align:center}}@media (max-width:768px){.landing h1{font-size:50px}.container{width:100%;position:fixed;max-width:960px;top:70px;bottom:0;left:50%;padding-top:10px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);overflow-y:scroll;-webkit-overflow-scrolling:touch}}pre{display:inline-block;max-width:100%;overflow:scroll;-webkit-overflow-scrolling:touch}a.anchor{display:block;position:relative;top:-120px}.small-note{font-size:14px}.get-in-touch{margin-top:30px}nav .links a{float:right;font-size:18px;margin:22px;margin-right:10px}nav .links{margin-right:30px}h3{float:left;width:100%;clear:both;display:block}.right-align{float:right;margin-left:10px}