.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.no-touch a:hover,.no-touch a:active{color:#333}.container>section{min-height:100%;margin:0 auto;padding:20em 3em}.touch .container>section{padding:0;min-height:0}.container>header{margin:0 auto;padding:2em 1em;position:fixed;top:0;left:0;width:100%;text-align:center;background:#fff;z-index:999999;-webkit-backface-visibility:hidden}.touch .container>header{position:relative}.container>header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300}.container>header span{display:block;font-size:60%;opacity:.6;padding:0 0 .6em .1em}.container>section p{color:#fff;text-align:center;padding:1em;margin:0}.codrops-top{background:#fff;background:rgba(255,255,255,.6);text-transform:uppercase;width:100%;width:100%;font-size:.69em;line-height:2.2;position:fixed;top:0;left:0;z-index:9999999}.codrops-top a{padding:0 1em;letter-spacing:.1em;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.95);color:#777}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-family:"codropsicons";margin:0 4px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:""}.codrops-icon-prev:before{content:""}.codrops-icon-archive:before{content:""}.codrops-icon-next:before{content:""}.codrops-icon-about:before{content:""}.codrops-demos{padding-top:1em;font-size:.9em}.touch .codrops-demos{display:none}.codrops-demos a{display:inline-block;margin:.5em;padding:.6em 1em;border:3px solid #ddd;font-weight:700}.codrops-demos a:hover{opacity:.6}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border:3px solid #aaa;opacity:1;color:#aaa}#set-1{background:#41ab6b}#set-2{background:#eea303}#set-3{background:#f06060}#set-4{background:#0e83cd}#set-5{background:#702fa8}#set-6{background:#64bb5d}#set-7{background:#d54f30}#set-8{background:#3851bc}#set-9{background:#96a94b}@media screen and (max-width:800px){.container>section{padding:20em 1em}}@media screen and (max-width:25em){.codrops-icon span{display:none}}