@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin,latin-ext);@font-face{font-family:codropsicons;font-weight:400;font-style:normal;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}body,html{margin:0;padding:0;font-size:100%}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}body{font-family:Play,sans-serif;color:#b3b9bf;background:#f9f9f9}a{text-decoration:none!important;color:#888}a:active,a:hover{color:#333}.container>header{margin:0 auto;text-align:center;padding:2em;background:rgba(0,0,0,.01)}.container>header h1{font-weight:300;margin:0;line-height:1.3;font-size:2.625em}.codrops-top{text-transform:uppercase;line-height:2.2;font-size:.69em;background:#fff;background:hsla(0,0%,100%,.6);width:100%}.codrops-top a{letter-spacing:.1em;display:inline-block;color:#888;padding:0 1em}.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-family:codropsicons;text-transform:none;font-weight:400;-webkit-font-smoothing:antialiased;margin:0 4px;font-variant:normal;line-height:1;speak:none;font-style:normal}.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{font-weight:700;margin:.5em;border:3px solid #b3b9bf;display:inline-block;color:#b3b9bf;padding:.7em 1.1em}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover,.codrops-demos a:hover{color:#2c3f52;border-color:#2c3f52}@media screen and (max-width:25em){.codrops-icon span{display:none}}