body,html{margin:0;font:14px/1.4 'Helvetica Neue',Helvetica,Arial;background-color:#31323d;color:#e6e1dc;height:100%}#container{height:100%}.animates{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px}.blue{background-color:#00f}.red{background-color:#f00}.green{background-color:#008000}.orange{background-color:#ffa500}.purple{background-color:#800080}.blue{background-color:#3498db}.red{background-color:#b9121b}.green{background-color:#bedb39}.orange{background-color:#ffa500}.purple{background-color:#9768d1}.demo{display:-ms-flexbox;display:flex;height:100%}.control-panel{padding:1em 2.1em;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}.control-panel > *:not(:first-child){margin-top:1em}.control-panel h1{font-size:26px;line-height:.94;}.control-panel h1 a{color:inherit;text-decoration:none;}.control-panel h1 a:hover{color:#dce0f0}.control-panel h1 small{font-size:17px;color:#adcef0;font-style:italic}.control-panel legend{font-weight:bold}.control-panel label{display:block}.control-panel input[type="range"]{display:block}.control-panel .radiogroup label{display:-ms-flexbox;display:flex;margin-left:-1em;margin-right:-1em;padding:.3em 2em .3em 1em;-ms-flex-align:center;align-items:center;cursor:pointer;}.control-panel .radiogroup label:hover{background-color:#414363}.control-panel .radiogroup span{margin-left:.3em}.control-panel .github-btn{border:0}.output-panel{background-color:#f5f5fd;-ms-flex-positive:1;flex-grow:1;position:relative;overflow:hidden;cursor:pointer}.cta-button{padding:1em;cursor:pointer}.badges{position:absolute;bottom:2em;}.badges > *{display:block;}.badges > *:not(:first-child){margin-top:1em}
.animates{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px}