.codrops-top,.container,.container>header{position:relative}html{height:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body{font-family:Sinai,Oswald,sans-serif;background:#fff;font-weight:300;font-size:18px;color:#333;overflow:scroll;overflow-x:hidden}a{color:#555;text-decoration:none}.container>header{width:90%;max-width:1240px;margin:0 auto;padding:60px 30px 50px;text-align:center}.container>header h1{font-size:34px;line-height:38px;margin:0 auto;font-weight:700;color:#333}.container>header h1 span{display:block;font-size:20px;font-weight:300}.main>p{text-align:center;padding:50px 20px}.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,.5);text-transform:uppercase;z-index:9999;box-shadow:1px 0 2px rgba(0,0,0,.2)}.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.8);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}