.codrops-header{margin:0 auto;padding:2em 0 0;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:600;font-size:.69em;line-height:2.2;background:#fff}.codrops-top a{display:inline-block;padding:0 1em;text-decoration:none}.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,.codrops-demos a:hover,.codrops-demos a:active,.codrops-demos a.current-demo{background:#777}.related>a{border:1px solid #9c3;display:inline-block;text-align:center;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}body #cdawrap{top:auto;bottom:15px}@media screen and (max-width:34em){.overlay{font-size:90%}}@media screen and (max-width:25em){.codrops-icon span{display:none}}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(218,216,212,.98)}.overlay nav{margin-right:auto;margin-left:auto}.overlay ul li{display:block;min-height:54px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.overlay ul li a{font-size:54px;font-weight:300;display:block;color:#fff;-webkit-transition:color .2s;transition:color .2s}.overlay ul li a:hover,.overlay ul li a:focus{color:#f0f0f0}.overlay-scale{visibility:hidden;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .2s,opacity .2s,visibility 0s .2s;transition:transform .2s,opacity .2s,visibility 0s .2s}.overlay-scale.open{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}@media screen and (max-height:30.5em){.overlay nav{height:70%;font-size:34px}.overlay ul li{min-height:34px}}