.codrops-top{background:#fff;background:rgba(255,255,255,0.4);text-transform:uppercase;position:relative;width:100%;font-size:.7em;line-height:2.2}.codrops-top a{padding:0 1em;letter-spacing:.1em;color:#888;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,0.9)}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-family:'codropsicons';margin:0 4px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.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"}@media screen and (max-width: 25em){.codrops-icon span{display:none}.container>header{font-size:75%}}