/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body,figure{margin:0}a{background:0 0}a:focus{outline:dotted thin}.comparison button:focus,.result button:focus,a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.hidden,.page-title,.visuallyhidden{position:absolute}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.visuallyhidden,legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}.comparison button,.palette .color .palette-actions button,.result button{cursor:pointer;font-size:30px;font-weight:900;line-height:36px;mix-blend-mode:exclusion}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.visuallyhidden{width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0)}body,html{height:100%;box-sizing:border-box}@keyframes rainbow{0%,100%{color:red}10%{color:orange}26%{color:#ff0}42%{color:green}58%{color:#00f}74%{color:indigo}90%{color:violet}}*,:after,:before{box-sizing:inherit}body{background:#222;font-family:'Space Mono',monospace}body.loaded .rotator{opacity:1}.hidden{width:0;height:0;z-index:-1;visibility:hidden}.page-title{top:0;left:0;margin:0;z-index:1;width:100%;height:68px;padding:10px 50px;mix-blend-mode:exclusion;background:rgba(255,255,255,.25);animation:30s linear normal infinite rainbow;box-shadow:0 0 5px 5px rgba(0,0,0,.01)}.palette{width:100%;display:-ms-flexbox;display:flex}.palette .color{width:100%;color:#fff;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;min-height:35vh;text-align:right;position:relative;-ms-flex-align:end;align-items:flex-end;padding:118px 50px 50px}.palette .color .-inner{width:100%;mix-blend-mode:exclusion}.palette .color .color-name{margin:0}.palette .color .color-hex{margin:0;padding:4px;text-transform:uppercase}.palette .color .color-hex:focus,.palette .color .color-hex:hover{outline:0;background:rgba(255,255,255,.2)}.palette .color .palette-actions{margin-right:-10px}.palette .color .palette-actions button{padding:0;width:40px;height:40px;border:none;color:#fff;background:0 0;margin:0 0 0 10px}.palette .color .palette-actions button:hover{background:rgba(255,255,255,.25)}.comparison,.result{width:50%;float:left;height:65vh;padding:50px}.comparison h2,.result h2{color:#fff;margin-top:0;mix-blend-mode:exclusion}.comparison button,.result button{width:40px;height:40px;border-radius:50%;text-align:center;border:2px solid rgba(255,255,255,0)}.comparison button:hover,.result button:hover{color:#fff;background-color:#000;border-color:#fff}