.cc{zoom:1}.cc:after{clear:both}.cc:before,.cc:after{display:table;content:''}*{margin:0;padding:0;border:0;list-style-type:none;text-decoration:none}aside{position:fixed;width:12rem}aside ul{border-bottom:1px solid #eee}aside ul li a{display:block;padding:.45rem 1rem;border-top:1px solid #eee;font-weight:400}aside h1{padding:1rem;font-size:1.8rem;line-height:2.2rem}aside h1 span{display:block;font-size:1rem;line-height:1.6rem}.main h1{font-size:2.4rem;font-weight:400;line-height:3.2rem}.main h2{margin:.5rem 0;color:#555;font-size:1.65rem;font-weight:300;line-height:2.25rem}.main article{margin:1.5rem 0}.main article p{margin:1.5rem 0;color:#555}.main footer h4{font-size:1.25rem;font-weight:600;line-height:1.75rem}.main footer ul li{margin-left:1.5rem;list-style-type:disc}.colors{margin:1.5rem 0}.colors li{float:left;margin:0 0 1rem;width:16rem}.colors li:before{display:block;height:4rem;margin:0 0 .25rem;width:4rem;content:' '}.colors li b{margin:0 0 .5rem}.colors li code{display:block;color:#626262;font-family:Source Code Pro,monospace;font-size:.75rem;font-weight:300;line-height:1.25rem}.color-base:before{background:#509de5}.color-base-light:before{background:#e4e6ea}.color-red:before{background:#e55050}.color-green:before{background:#9bc444}.color-complimenter:before{background:#ffcb08}.color-dark:before{background:#353c42}.fonts{margin:1.5rem 0}.weight-300{font-weight:300}.weight-400{font-weight:400}.weight-600{font-weight:600}.logo{margin:1.5rem 0}.logo li{float:left;margin:0 1rem 1rem 0;width:auto}.logo li img{height:100px;width:auto}html{font-size:16px}body{background:#fff;color:#151515;font-size:1rem;font-family:Open Sans,Arial;line-height:1.6rem}a{color:#353c42}.main{float:left;margin:0 0 0 12rem;width:calc(100% - 12rem)}section{padding:2rem;box-shadow:inset .25rem 0 0 #eee;border-bottom:.0625rem solid #eee}