h1,h2,h3,p a{line-height:normal}a,body>.ember-view{transition:color .2s ease}h1,h2,h3,nav{display:flex}*{margin:0;padding:0;border:none;box-sizing:border-box;text-decoration:none}html{background:#fff;transition:background .2s ease}html.nighttime{background:#333}body{border-top:10px solid #0bc6d4;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,sans-serif;line-height:1.75}.subtext,code{font-family:"Source Code Pro",monospace}body>.ember-view{padding:20px 25px;display:flex;color:#123}h1 a,h2 a,h3 a,p a{display:inline-block}body>.ember-view>*{margin:20px 25px}h2,h3{margin:2em 0 1em}.nighttime body>.ember-view{color:#dde}@media all and (max-width:700px){body>.ember-view{flex-direction:column}h1{text-align:center}}h1,h2,h3{align-items:center;flex-wrap:wrap;font-weight:400}h1 a,h2 a,h3 a{margin:0 5px;font-size:12px}h1{margin-bottom:1em;font-size:36px}h2{padding-left:10px;border-left:7px solid #0bc6d4;font-size:24px}h3{font-size:18px;font-weight:700;text-transform:uppercase}p{margin:1em 0}p a{padding:0 2px 2px;border:1px solid rgba(255,255,255,0);border-radius:4px;color:#0bc6d4;transition:border-color .2s ease}p a:hover{border-color:#0bc6d4}p span[title]{border-bottom:1px dashed #ccd;cursor:help;transition:border .2s ease}.nighttime p span[title]{border-bottom-color:#667}a{color:#123}.nighttime a{color:#dde}a.active,a:hover{color:#0bc6d4}ul{list-style:none}nav{align-items:center;flex-direction:column}nav h1{margin:0;width:150px;height:150px;border-radius:50%;cursor:pointer}nav h1 a,nav h1 img{margin:0;width:100%;height:100%;display:block;border-radius:inherit}nav h1 img{transition:filter .2s ease}nav h1 img,nav h1:focus img{filter:none}nav h1:hover img{filter:grayscale(1)}nav .social{margin:25px 0;display:flex;justify-content:space-between}nav .social a{margin:0 7px}nav ul{display:flex;align-items:center;flex-direction:column}section.content{flex:1 1 auto}.codepens{margin:-20px;display:flex;flex-wrap:wrap;justify-content:space-between}.codepens>.codepen{padding:20px;height:200px;display:flex;align-items:center;justify-content:center;border:2px solid #000}.codepens>*{margin:20px;flex-basis:100%}@media all and (min-width:1200px){.codepens>*{flex-basis:calc(50% - 40px)}}@media all and (min-width:1700px){.codepens>*{flex-basis:calc(33% - 40px)}}.emphasized{margin:2em 0;padding:10px;background:#eef5ff;border:1px solid rgba(255,255,255,.25);text-align:center;transition:background .2s ease}.nighttime .emphasized{background:#222}.subtext{width:100%;display:block;font-size:12px;text-transform:none}