article,aside,details,figcaption,figure,footer,header,hgroup,label,menu,nav,section{display:block}.palette li,.skip:focus{position:relative}#share,.actions,.content,.skip,input{text-align:center}.grades a,.show{bottom:0;right:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input{border-radius:0;-webkit-appearance:none;transition:background .25s ease-in-out}:focus{outline:0}*{box-sizing:border-box}body,button[type=submit],input[type=text]{color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.5}h1{letter-spacing:-1px}p{margin:0 0 1.5em}h1,strong{font-weight:800}a{color:#fff;text-decoration:none}label{padding:.25em 0}input[type=text]{background:rgba(255,255,255,.1);border:none;border-bottom:2px solid rgba(0,0,0,.15);color:#fff;line-height:1.5;padding:.25em 0;width:100%}input[type=text].changed{background:rgba(255,255,255,.65);color:#333;text-shadow:none}input[type=text]:hover{background:rgba(255,255,255,.2)}input[type=text]:focus{background:rgba(255,255,255,.85);color:#000;text-shadow:none}button[type=submit]{background:rgba(0,0,0,.2);border:none;color:#fff;cursor:pointer;display:inline-block;font-size:100%;line-height:1.5;margin:.5em .5em .5em 0;padding:.75em 1.5em;text-align:center;text-decoration:none;text-shadow:0 0 3px rgba(0,0,0,.5)}.show,.skip{display:block}button[type=submit]:disabled{cursor:default;opacity:.25}button[type=submit]:not(:disabled):focus,button[type=submit]:not(:disabled):hover{background:rgba(0,0,0,.5)}.palette,.skip{background:#333}#palette:not(:empty){box-shadow:0 .25em 0 rgba(0,0,0,.1)}.skip{color:#fff;padding:.5em}.skip:focus{z-index:13}.remove,.show{position:absolute}.show{left:0;top:0;z-index:11}.grades a:focus,.grades a:hover,.show:focus,.show:hover{border:5px solid #fff;opacity:.75}.remove{border-radius:3px;display:inline-block;opacity:.5;z-index:12}.remove:after,.remove:before{background:#fff;content:'';height:.2em;left:10%;margin-top:-.125em;position:absolute;top:50%;width:80%}.remove:after{transform:rotate(45deg)}.remove:before{transform:rotate(-45deg)}.remove:focus,.remove:hover{background:rgba(0,0,0,.5);opacity:1}.controls{display:flex}.controls a{border-bottom:1px solid rgba(255,255,255,.1);color:#999;display:block}.controls a:focus,.controls a:hover{background:rgba(255,255,255,.15);color:#fff}.picker.black,.picker.black footer a,.picker.black input[type=text]{color:#000}#share,.picker.black footer a:focus,.picker.black footer a:hover{color:#fff}.picker.black input[type=text]{text-shadow:none}.content img{display:block;height:auto;margin:0 auto .5em;max-width:10em;width:60%}footer{font-size:75%;margin-top:1.5em}#share,footer a{border-radius:3px;display:inline-block;padding:.75em}#share{background:rgba(0,0,0,.33);display:block;margin:.75em auto;max-width:80%;overflow:hidden}.grades a,.grades ul{display:flex}#share:focus,#share:hover,footer a:focus,footer a:hover{background:rgba(0,0,0,.67)}.field{margin-bottom:1.5em}.grades li{position:relative}.grades a{align-items:center;justify-content:center;left:0;position:absolute;top:0}.grades span{background:rgba(255,255,255,.33);border-radius:.5em;color:#333;display:inline-block;padding:.5em}.grades a:focus,.grades a:hover{background:rgba(0,0,0,.5)}.grades a:focus span,.grades a:hover span{background:rgba(255,255,255,.67)}@media screen and (max-width:39.9375em){.grades a,.grades ul{min-height:5em}body,input[type=text]{font-size:calc(1em + 1vw)}h1{font-size:150%}.grades span,label,p{font-size:75%}.palette li{height:2.5em}.remove{height:1.5em;right:.5em;top:.5em;width:1.5em}.controls{flex-flow:row nowrap}.controls a{flex-grow:1;line-height:2.5;text-align:center}.primary{height:80%}.content{margin:0 auto;padding:1.5em 0;width:90%}.content img{width:40%}.field,p{margin-bottom:.75em}.grades{height:20%}.grades ul{flex-direction:row}.grades li{width:25%}}@media screen and (min-width:40em){body,input[type=text]{font-size:calc(.5em + 1vw)}h1{font-size:200%}#palette:not(:empty),#picker,.page,.palette,.picker{bottom:0;left:0;position:absolute;right:0}#palette:empty+#picker,#palette:not(:empty),.page,.palette,.picker{top:0}#palette:not(:empty){bottom:85%;z-index:10}#palette:not(:empty)+#picker{height:85%;z-index:9}.palette,.palette ul{display:flex;flex-flow:row nowrap}.remove{height:1em;right:.33em;top:.33em;width:1em}.controls{flex-flow:column nowrap}.controls a,.palette ul li{flex-grow:1}.controls a{align-items:center;display:flex;justify-content:center;text-align:center}.picker section{position:relative}.content{left:5%;position:absolute;top:50%;transform:translateY(-50%);width:90%}.picker{display:flex;left:0}.palette ul,.primary{width:80%}.controls,.grades{width:20%}.grades ul{bottom:0;flex-direction:column;left:0;position:absolute;right:0;top:0}.grades li{height:25%}[accesskey]:after{background:rgba(0,0,0,.67);border-radius:3px;color:#fff;content:attr(accesskey);display:inline-block;font-size:75%;font-weight:800;margin:0 0 0 .5em;padding:0 .5em}label[accesskey]:after{font-size:100%}[accesskey]:focus:after,[accesskey]:hover:after{background:#fff;color:#333;text-shadow:none}}@media screen and (min-width:40em) and (max-width:59.9375em){button[type=submit]{padding:.75em}.content img{display:none}.field{margin-bottom:.75em}.field:nth-of-type(1),.field:nth-of-type(2){float:left;width:48%}.field:nth-of-type(1){margin-right:4%}}@media screen and (min-width:60em){.content{left:10%;width:80%}h1{font-size:250%}.field{float:left;width:32%}.field:nth-of-type(1),.field:nth-of-type(2){margin-right:2%}.grades span,label{font-size:75%}}