@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;margin:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.codrops-top{font-size:.69em;text-transform:uppercase;background:#fff;background:hsla(0,0%,100%,.6);width:100%;line-height:2.2}.codrops-top a{padding:0 1em;color:#888;letter-spacing:.1em;display:inline-block}.codrops-top a:hover{color:#333;background:hsla(0,0%,100%,.95)}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-weight:400;font-style:normal;font-variant:normal;text-transform:none;speak:none;margin:0 4px;-webkit-font-smoothing:antialiased;line-height:1;font-family:codropsicons}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-icon-archive:before{content:"\e002"}.codrops-icon-next:before{content:"\e000"}.codrops-icon-about:before{content:"\e003"}.codrops-demos{padding-top:1em;font-size:.9em}.codrops-demos a{padding:.7em 1.1em;border:3px solid #b3b9bf;font-weight:700;color:#b3b9bf;margin:.5em;display:inline-block}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover,.codrops-demos a:hover{border-color:#2c3f52;color:#2c3f52}@media screen and (max-width:25em){.codrops-icon span{display:none}}