@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);@font-face{font-weight:400;font-style:normal;font-family:codropsicons;src:url(../fonts/codropsicons/codropsicons.eot);src:url(../fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'),url(../fonts/codropsicons/codropsicons.woff) format('woff'),url(../fonts/codropsicons/codropsicons.ttf) format('truetype'),url(../fonts/codropsicons/codropsicons.svg#codropsicons) format('svg')}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both}.pagewrap,body,html{height:100%}body{background:#4fc3f7;color:#fff;font-size:16px;font-weight:300;line-height:1.25;font-family:Lato,Arial,sans-serif}.container{min-height:100%}a{color:rgba(0,0,0,.25);font-weight:700;text-shadow:0 0 transparent;text-decoration:none;outline:0}a:focus,a:hover{color:rgba(0,0,0,.6)}.codrops-header{margin:0 auto;padding:2em;text-align:center}.codrops-header h1{margin:0;font-weight:300;font-size:2.5em}.codrops-header h1 span{display:block;padding:0 0 .6em .1em;font-size:.6em;opacity:.7}.codrops-top{width:100%;text-transform:uppercase;font-weight:700;font-size:.69em;line-height:2.2}.codrops-top a{display:inline-block;padding:0 1em;text-decoration:none;letter-spacing:1px}.codrops-top span.right{float:right}.codrops-top span.right a{display:block;float:left}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:codropsicons;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}section{padding:3em 1em 10em;text-align:center;clear:both}section h2{font-size:2.6em;font-weight:300;padding:4em 0 .4em}section p{font-size:1.5em;line-height:1.5;margin-top:0}.related>a{border:1px solid rgba(0,0,0,.3);display:inline-block;text-align:center;margin:20px 10px;padding:25px}.related a:hover{border-color:#fff;color:#fff}.related a img{max-width:100%;opacity:.8;-webkit-transition:opacity .3s;transition:opacity .3s}.related a:active img,.related a:hover img{opacity:1}.related a h3{margin:0;padding:.5em 0 .3em;max-width:300px;text-align:left}.columns{max-width:1200px;margin:0 auto;text-align:left}.column{width:50%;padding:0 2em;float:left}.codrops-demos{text-align:right}.codrops-demos a{text-transform:uppercase;letter-spacing:1px;margin:15px;padding:0 0 5px;display:inline-block;border-bottom:3px solid rgba(0,0,0,.25)}.codrops-demos a.current-demo,.codrops-demos a:focus,.codrops-demos a:hover{color:#fff;border-color:#fff}.pageload-link{padding:13px 20px;color:#fff;background:rgba(0,0,0,.25);text-transform:uppercase;letter-spacing:1px;font-size:.6em;white-space:nowrap}.pageload-link:hover{color:#fff;background:rgba(0,0,0,.2)}#page-2{background:#6cc88a}@media screen and (max-width:40em){.column{width:100%;float:none;padding:2em;text-align:center}.codrops-demos{text-align:center}}@media screen and (max-width:25em){.codrops-icon span{display:none}}