html,body{margin:0;padding:0;font-family:Source Sans Pro,sans-serif;text-rendering:optimizeLegibility;color:#222;overflow-x:hidden}h4{font-size:22px;margin-bottom:28px}p{font-size:22px}a,a:hover,a:active,a:visited{text-decoration:none;color:#5000f1}header h2{font-size:15px;font-weight:900;letter-spacing:.15em;margin-top:70px}header a h2{color:#222}header a h2 span{transition:all .4s cubic-bezier(.68,-.1,.265,1.55)}header a:hover h2 span{color:#fff;margin-left:10px}header .white-block{margin-top:20px;width:46px;height:6px;background:#fff}header .title{margin-top:80px}header h1{font-size:96px;font-weight:900;letter-spacing:.12em;margin:0 0 0 -6px}header h1 span{display:inline-block;font-size:20px;margin-top:18px;vertical-align:top;letter-spacing:0}header .title a{display:inline-block;margin-top:6px;margin-right:-70px;background:#222;padding:26px 80px;color:#fff;border-radius:12px;font-size:26px;letter-spacing:.2em;transition:all .3s cubic-bezier(.68,-.1,.265,1.55)}header .title a:hover{margin-top:12px;margin-right:-80px;padding:20px 90px}header h3{font-size:21px}.grid{position:fixed;width:100%}.grid-line{height:100vh;border-left:1px solid #ccc}.fixed-top{position:absolute;width:600px;height:600px;background:#00f1c9;border-radius:12px;z-index:-1;margin-top:-220px;margin-left:100px}main,.main{overflow:hidden}.section{position:relative}section.san-francisco{margin-top:100px}.absolute{position:absolute;width:100%;height:auto;margin-top:100px}.absolute.above{z-index:2}.absolute h2{font-size:140px;font-weight:900;letter-spacing:-.04em;color:#f0f0f0;z-index:-1}.lg-green{width:160px;height:160px;background:#00f1c9;border-radius:12px;margin-left:-80px;margin-top:200px}.sm-green{width:60px;height:60px;background:#00f1c9;border-radius:12px;margin-left:-30px;margin-top:400px}.sm-purple{width:60px;height:60px;background:#5000f1;border-radius:12px;margin-left:-30px;margin-top:400px}.xs-green{width:60px;height:60px;background:#00f1c9;border-radius:12px;margin-left:-30px;margin-top:400px}.md-green{width:120px;height:120px;background:#00f1c9;border-radius:12px;margin-left:-60px;margin-top:10px}.lg-purple{width:80px;height:80px;background:#5000f1;border-radius:12px;margin-left:57px;margin-top:60px}.date{margin-top:400px;font-size:48px;font-weight:600;color:#5000f1}.temp{margin-top:200px;font-size:280px;font-weight:900;letter-spacing:-.07em;color:#5000f1}.text-editor{background:#222;padding:60px 50px;border-radius:12px;margin-left:15px}code{text-align:left;padding:0;font-size:22px;background:none;border-radius:0;color:#00f1c9}.md-facebook{width:60px;height:60px;background:#5000f1;border-radius:12px;margin-left:68px;margin-top:600px}.md-twitter{width:120px;height:120px;background:#00f1c9;border-radius:12px;margin-left:-60px;margin-top:60px}.md-dixonandmoe{width:120px;height:120px;background:#5000f1;border-radius:12px;margin-left:-60px;margin-top:760px}.bt-green{width:60px;height:60px;background:#00f1c9;border-radius:12px;margin-left:-30px;margin-top:700px}.bt-purple{width:80px;height:80px;background:#5000f1;border-radius:12px;margin-left:57px;margin-top:600px}.share{position:relative;top:-240px}.share a{font-size:34px}.share a span{transition:all .4s cubic-bezier(.68,-.1,.265,1.55)}.share a:hover span{margin-left:10px}a.dam,a.dam:hover,a.dam:active,a.dam:visited{color:#222}span.purple{color:#5000f1}span.green{color:#a0f100}span.white{color:#fff}@-webkit-keyframes fuzz{0%{opacity:0}40%{opacity:0}to{opacity:1}}@-webkit-keyframes fuzz2{0%{opacity:0}48%{opacity:0}to{opacity:1}}@-webkit-keyframes fuzz3{0%{opacity:0}54%{opacity:0}to{opacity:1}}@-webkit-keyframes stretch{0%{-webkit-transform:scaleX(0);opacity:0}50%{-webkit-transform:scaleX(0);opacity:1}60%{-webkit-transform:scaleX(0)}to{-webkit-transform:scaleX(1)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0)}30%{opacity:0}to{opacity:1}}