.container > header,
.codrops-top{font-family:Arial, sans-serif;}
.container > header{margin:0 auto;padding:2em;text-align:center;color:#89867e;}
.container > header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300;}
.container > header span{display:block;font-size:60%;color:#ceccc6;padding:0 0 0.6em 0.1em;}
.codrops-top{background:#fff;background:rgba(255, 255, 255, 0.6);text-transform:uppercase;width:100%;font-size:0.69em;line-height:2.2;}
.codrops-top a{text-decoration:none;padding:0 1em;letter-spacing:0.1em;color:#888;display:inline-block;}
.codrops-top a:hover{background:rgba(255,255,255,0.95);color:#716d62;}
.codrops-top span.right{float:right;}
.codrops-top span.right a{float:left;display:block;}
.codrops-icon-drop:before{content:"\e001";}
.codrops-icon-prev:before{content:"\e004";}
.container > section{margin:0 auto;padding:10em 3em;text-align:center;}
.color-1{background:#435a6b;}
.color-2{background:#f39c12;}
.color-3{background:#2ac56c;}
.color-4{background:#0e83cd;}
.color-5{background:#cd4436;}
.color-6{background:#f19f0f;}
.color-7{background:#3fa46a;}
.color-8{background:#ecf0f1;}
.color-9{background:#9e487f;}
.color-10{background:#16a085;}
.color-11{background:#aab7b7;}
@media screen and (max-width:25em){.codrops-icon span{display:none;}
}