.codrops-links a,a{text-decoration:none}@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;box-sizing:border-box}.clearfix:after,.clearfix:before{content:'';display:table}.clearfix:after{clear:both}a{color:#fff;outline:0}a:focus,a:hover{color:#2438ff}.codrops-header,.sidebar{max-width:50%;float:left;padding:40px}.sidebar{padding:50px 50px 0 0;float:right;min-height:9em}.sidebar>nav{float:left;font-size:1.5em;line-height:1.75;text-align:center;margin:0 250px 1em 0}.sidebar>nav a{margin:0 5px}.codrops-header h1{margin:0;font-weight:100;font-size:4.5em;line-height:.75;color:#fff;letter-spacing:-1px}.codrops-header h1 span{display:block;font-size:31.5%;font-weight:800;letter-spacing:0;text-indent:5px;line-height:1;padding:1em 0;color:#000}.codrops-links{text-transform:uppercase;font-weight:800;font-size:1.5em;line-height:2.2}.codrops-links a{display:inline-block;padding:0 .5em 0 0;margin:0 1em 0 0;letter-spacing:1px;position:relative}.codrops-links a:first-child:after{content:'/';color:rgba(255,255,255,.2);font-weight:100;position:absolute;font-size:2em;top:50%;left:100%;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.codrops-icon span{display:none}.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"}@media screen and (max-width:60.625em){.codrops-header,.sidebar{float:none;max-width:100%;padding:20px;text-align:center}.sidebar>nav{float:none;margin:100px .5em 0}}