@import url(https://fonts.googleapis.com/css?family=Lato:300,400);.codrops-top a,a{text-decoration:none}.codrops-header,.related>a,section{text-align:center}@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}body{background:#fff;color:#8a8c7e;font-size:100%;line-height:1.25;font-family:Lato,'Avenir Next',Arial,sans-serif}a{color:#9c3;outline:0}a:focus,a:hover{color:#373e18}.codrops-header{margin:0 auto;padding:2em 0 0}.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:600;font-size:.69em;line-height:2.2;background:#fff}.codrops-top a{display:inline-block;padding:0 1em}.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"}.codrops-demos{margin:30px auto 0;padding:30px 0}.codrops-demos a,section button{display:inline-block;background:#a9a9a9;color:#fff;font-weight:400;padding:10px 20px;margin:5px;text-transform:uppercase;border-radius:2px;letter-spacing:1px}.codrops-demos a.current-demo,.codrops-demos a:active,.codrops-demos a:hover{background:#777}section{padding:1em 2em 5em;font-size:1.5em}section p{max-width:600px;margin:0 auto;padding:20px 0}section button{border:none;padding:15px 30px;outline:0;background:#85b91e}.related>a{border:1px solid #9c3;display:inline-block;margin:20px 10px;padding:25px;color:#9c3;opacity:.8;-webkit-transition:color .3s,border-color .3s;transition:color .3s,border-color .3s;-webkit-backface-visibility:hidden}.related a:hover{border-color:#82b222;color:#82b222}.related a img{max-width:100%}.related a h3{margin:0;padding:.5em 0 .3em;max-width:300px;text-align:left;font-size:65%;font-weight:400}@media screen and (max-width:25em){.codrops-icon span{display:none}}