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}.ColorBox{width:20%;height:25%;display:inline-block;position:relative;cursor:pointer;margin:0 auto -4px}.SingleColorPalette .ColorBox{height:50%}.ColorBox.Go-Back{background-color:#111}.Copy-Button{width:100px;height:30px;position:absolute;display:inline-block;top:50%;left:50%;margin-left:-50px;margin-top:-15px;outline:none;background:hsla(0,0%,100%,.3);font-size:1rem;line-height:30px;color:#fff;text-transform:uppercase;border:none;opacity:0;cursor:pointer}.ColorBox:hover .Copy-Button{opacity:1;transition:.5s}.Back-Button{width:100px;height:30px;display:inline-block;top:50%;left:50%;margin-left:-50px;margin-top:-15px;outline:none;background:hsla(0,0%,100%,.3);font-size:1rem;line-height:30px;color:#fff;border:none;cursor:pointer;text-align:center;text-decoration:none}.Back-Button,.Box-Content{position:absolute;text-transform:uppercase}.Box-Content{width:95%;left:10px;bottom:10px;color:#111;letter-spacing:1px;font-size:13px}@media (max-width:575.98px){.Box-Content{bottom:6px}}.Light-Text{color:#fff}.ColorBox .Dark-Text{color:rgba(0,0,0,.5)}.See-More{background:hsla(0,0%,100%,.3);position:absolute;border:none;right:0;bottom:0;color:#fff;width:60px;height:30px;text-align:center;line-height:30px;text-transform:uppercase;font-size:13px}.Copy-Overlay{opacity:0;z-index:0;width:100%;height:100%;transition:transform .6s ease-in-out;transform:scale(.1)}.Copy-Overlay.Show{opacity:1;transform:scale(50);z-index:10;position:absolute}.Copy-Msg{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:4rem;transform:scale(.1);opacity:0;color:#fff}.Copy-Msg.Show{opacity:1;transform:scale(1);z-index:15;transition:all .5s ease-in-out;transition-delay:.3s;text-align:center}.Copy-Msg h1{font-weight:400;background:hsla(0,0%,100%,.2);width:100%;margin-bottom:0;padding:1rem;text-transform:uppercase}@media (max-width:575.98px){.Copy-Msg h1{font-size:2rem}}.Copy-Msg p{font-size:2rem}.Palette,.SingleColorPalette{height:100vh;display:flex;flex-direction:column}.Palette-Colors{height:90%}.Navbar{display:flex;align-items:center;justify-content:flex-start}.Logo{margin-right:15px;font-size:22px;background-color:#eceff1;font-family:"Roboto";display:flex;padding:10px 13px}@media (max-width:575.98px){.Navbar{flex-direction:column}.Logo{width:100%;margin-right:0;padding-left:0;padding-right:0;justify-content:center}.Slider-Container{display:flex;margin-top:10px}.Select-Container{margin:auto auto 10px}}.Logo a,.Logo Link{text-decoration:none;color:#111}.Slider{width:340px;margin:0 20px;display:inline-block}@media (min-width:575.99px){.Select-Container{margin-left:auto;margin-right:1rem}}.rc-slider-track{background-color:transparent}.rc-slider-rail{height:8px}.rc-slider-handle,.rc-slider-handle:active,.rc-slider-handle:focus,.rc-slider-handle:hover{background-color:green;outline:none;border:2px solid green;box-shadow:none;width:13px;height:13px;margin-left:-7px;margin-top:-3px}@media (max-width:767.98px){.Slider{width:250px}.Slider-Container{margin-left:10px}}@media (max-width:575.98px){.Slider{width:150px}}.PaletteFooter{background-color:#fff;height:6.5vh;display:flex;justify-content:flex-end;align-items:center;font-weight:700}.Emoji{font-size:1.5rem;margin:0 1rem}.PaletteList{margin-top:50px;text-align:center}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s ease-in}
/*# sourceMappingURL=main.3dd7b62b.chunk.css.map */