.codrops-header{margin:0 auto;padding:2em;text-align:center}.codrops-header h1{margin:0;font-size:2.5em;font-weight:900}.codrops-header h1 span{display:block;padding:.2em 0 .6em .1em;font-size:.6em;font-weight:300}.codrops-demos{padding-top:50px}.codrops-demos a{text-transform:uppercase;letter-spacing:1px;margin:15px;padding:5px 2px;font-weight:900}.codrops-demos a.current-demo{color:#2e3444}.codrops-top{width:100%;text-transform:uppercase;font-weight:800;font-style:normal;font-size:.69em;line-height:2.2}.codrops-top a{display:inline-block;padding:0 1em;text-decoration:none;letter-spacing:1px}.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:normal;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"}section{padding:1em;text-align:center}.related{padding:15em 0 3em;clear:both}.related p{font-size:1.5em}.related>a{border:1px solid #2e3444;display:inline-block;text-align:center;margin:20px 10px;padding:25px;color:#2e3444}.related a:hover{border-color:#ff2a48;color:#ff2a48}.related a img{max-width:100%;opacity:.8}.related a:hover img,.related a:active img{opacity:1}.related a h3{margin:0;padding:.5em 0 .3em;max-width:300px;text-align:left}@media screen and (max-width:25em){.codrops-icon span{display:none}}