body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ColorBox{width:20%;height:30%;display:inline-block;position:relative;margin:0 auto -3.5px;box-sizing:border-box}.copy-button{position:absolute;display:inline-block;top:50%;left:50%;width:100px;height:30px;margin-left:-50px;margin-top:-15px;outline:none;background:hsla(0,0%,100%,.4);font-size:1rem;color:#fff;line-height:20px;text-transform:uppercase;border:none;opacity:0}.ColorBox:hover .copy-button{opacity:1;-webkit-transition:1s;transition:1s}.boxContent{left:0;width:100%;color:#000}.boxContent,.see-more{position:absolute;bottom:0;padding:5px;letter-spacing:1px;text-transform:uppercase;font-size:12px}.see-more{background:hsla(0,0%,100%,.4);right:0;width:60px;height:30px;color:#000;color:#fff;text-align:center;line-height:30px}.copy-overlay{opacity:0;z-index:0;width:100%;height:100%;-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.copy-overlay.show{opacity:1;-webkit-transform:scale(50);transform:scale(50);z-index:10;position:absolute}.copy-msg{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:4rem;-webkit-transform:scale(.1);transform:scale(.1);opacity:0;color:#fff;flex-direction:column}.copy-msg.show{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:25;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transition-delay:.3s;transition-delay:.3s}.copy-msg h1{font-weight:4;text-shadow:1px 2px #000;background:hsla(0,0%,100%,.2);width:100%;text-align:center;padding:1rem;margin-bottom:0;text-transform:uppercase}.copy-msg p{font-size:2rem;font-weight:100}.Navbar{display:flex;justify-content:center;background:#9ae4e4;border-bottom:5px solid #030302}.select-container{margin:0 1rem 0 auto;box-sizing:border-box}.level-text{margin:15px 10px 12px}.Palette{height:100vh}.Palette-colors{height:90%}.slider{width:350px;margin:20px;display:inline-block}.rc-slider-track{background-color:transparent}.rc-slider-rail{height:8px}.rc-slider-handle,.rc-slider-handle:active,.rc-slider-handle:focus{background-color:green}.Palette-footer{background:#00f}
/*# sourceMappingURL=main.afb39c80.chunk.css.map */