body,html{margin:0;padding:0;background-color:#222831;color:#878bc4}.page{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;align-items:center}button{background-color:#999;color:#484c84;margin-top:4rem;font-size:5rem;outline:0;transition-duration:.2s}button,button:hover{padding:18px 50px;border-radius:4px;font-family:painting,monospace,sans-serif;cursor:pointer}button:hover{background-color:#484c84;color:#878bc4;margin-top:3.5rem;font-size:5.5rem}.palette{margin-top:3rem;width:90%}.palette,.palette div{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}.palette div{content:"";background-color:#484c84;height:29rem;width:33.33333%;border:2px solid #000;justify-content:center;align-items:center}.hexcode{cursor:text;font-size:1.7rem;text-align:center}.pickers{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center}.pickers>div{margin:1rem 5rem}
/*# sourceMappingURL=main.f8ef0ac4.chunk.css.map */