| 1 | body,html{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:100;position:relative;background:#6A4A3C;margin:0;padding:0;color:#fff;animation:background 2s}body{overflow-x:hidden;width:100%}.content{animation:content 4s}.content img{display:none}h1,h2,h3,h4,h5,h6{font-weight:200}h1{font-weight:200;font-size:2.82em;text-align:center;margin:0 auto 1em;width:600px;padding-bottom:.5em;letter-spacing:.075em;border-bottom:1px dotted rgba(255,255,255,.75);padding-top:.775em}h1,h2{box-shadow:0 11px 10px -10px rgba(0,0,0,.25)}h2{border-bottom:1px dotted rgba(255,255,255,.75);padding-bottom:.25em;padding-top:1em}.chart{margin:0 auto}.chart,.modes,.palette-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown{width:600px;margin:0 auto;line-height:1.65em;font-size:1.15em}.markdown a{color:#EDC951;text-decoration:none;border-bottom:1px solid #EDC951}.markdown pre{padding:1em;background:rgba(255,255,255,.1);font-weight:200}.modes{position:absolute;right:16px;top:16px}.scale-list{list-style-type:none;margin:0;padding:0;overflow:hidden}.scale-icon:hover{opacity:1}.scale-icon{height:48px;line-height:48px;margin-bottom:12px;cursor:pointer;font-size:1.2em;text-align:right;opacity:.5;padding-right:64px;transition:opacity .2s;position:relative}.scale-icon svg{position:absolute;top:0;right:0}.scale-icon:hover span{opacity:1;left:0}.scale-icon span{position:relative;left:100px;opacity:0;transition:opacity .2s,left .2s}.scheme-icon.selected .scheme-text{display:none}.scheme-icon .scheme-text{opacity:0;right:-50px;transition:opacity .2s,right .2s}.scheme-icon .palette{z-index:99}.scheme-icon .scheme-text{z-index:90}.scheme-icon:hover .scheme-text{opacity:1;right:64px}.scheme-text{cursor:pointer;position:absolute;width:150px;height:48px;line-height:48px;text-align:right}code,pre{font-family:'Source Code Pro','Courier New',monospace;font-size:14px}@keyframes background{0%,20%{background-color:#000}100%{background-color:#6A4A3C}}@keyframes content{0%,50%{opacity:0}100%{opacity:1}}.palette-wrap{position:absolute;right:16px}.palette{width:48px;overflow:hidden;margin:4px;cursor:pointer;position:relative;display:block}
|