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 -4.5px}.SinglePalette .ColorBox{height:50%;width:20%}.go-back.ColorBox{background-color:#000!important}.back-button,.copy-button{width:100px;height:30px;position:absolute;display:inline-block;top:50%;left:50%;margin-left:-50px;margin-top:-15px;text-align:center;outline:none;background:hsla(0,0%,100%,.3);font-size:1rem;line-height:30px;color:#fff;text-transform:uppercase;border:none;opacity:0;transition:opacity .2s ease;text-decoration:none}.back-button,.ColorBox:hover .copy-button{opacity:1}.box-content{position:absolute;width:100%;left:0;bottom:0;padding:10px;color:#000;letter-spacing:1px;text-transform:uppercase;font-size:10px}.light-text{color:#fff}.ColorBox .dark-text{color:#000}.see-more{background:hsla(0,0%,100%,.3);position:absolute;border:none;right:0;bottom:0;color:#fff;width:60px;height:30px;line-height:30px;text-align:center}.copy-overlay{opacity:0;z-index:0;height:100%;width:100%;transition:transform .75s ease-in-out;transform:scale(.1)}.show{opacity:1;transform:scale(50);z-index:20;position:absolute}.copy-msg{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:4vh;transform:scale(.1);opacity:0;color:#fff}.show-msg{opacity:1;transform:scale(1);z-index:25;transition:all .4s ease-in-out;transition-delay:.2s}.copy-msg h1{font-weight:400;text-shadow:1px 2px #000;background:hsla(0,0%,100%,.2);width:100%;text-align:center;margin-bottom:0;padding:1rem}.copy-msg p{font-size:2.5vh}@media (max-width:991.98px){.ColorBox{width:25%;height:20%}}@media (max-width:767.98px){.ColorBox{width:50%;height:10%}.SinglePalette .ColorBox{height:20%;width:50%}}@media (max-width:575.98px){.ColorBox{width:100%;height:5%}.SinglePalette .ColorBox{height:10%;width:100%}}.Navbar{justify-content:flex-start;height:6vh}.logo,.Navbar{display:flex;align-items:center}.logo{margin-right:15px;padding:0 13px;font-size:22px;background-color:#eceff1;font-family:Roboto;height:100%}.logo a{text-decoration:none;color:#000}.slider-container{margin:auto 5px;display:flex;justify-content:space-between;align-items:center}.slider{width:340px;margin:0 10px;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,.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:-2px}.select-container{margin-left:auto;margin-right:1rem}@media (max-width:767.98px){.slider{width:220px}}@media (max-width:575.98px){.Navbar>.logo{display:none}.slider{width:150px}}.Palette{height:100vh;display:flex;flex-direction:column}.Palette-colors{height:90%;overflow:hidden}.Palette-footer{position:absolute;bottom:0;background-color:#fff;z-index:0;height:4.5vh;display:flex;justify-content:flex-end;width:100%;align-items:center}.emoji{font-size:1.5rem;margin:1rem}@media (max-width:1600px){#container{width:65%}}@media (max-width:991.98px){#pallettes{grid-template-columns:repeat(3,30%);grid-gap:5%}#container{width:75%}}@media (max-width:767.98px){#pallettes{grid-template-columns:repeat(2,45%);grid-gap:1.5rem}#container{width:80%}}@media (max-width:575.98px){#pallettes{margin:auto;grid-template-columns:repeat(1,100%)}#container{width:80%}}@media (min-width:1600px){#container{width:50%}}@media (max-width:991.98px){#ColorBox{width:25%;height:20%}}@media (max-width:767.98px){#ColorBox{width:50%;height:10%}#deleteIcon{margin:0 .3rem}}@media (max-width:575.98px){#ColorBox{width:100%;height:5%}#navBtns{margin-right:.2rem}#deleteIcon{padding:.2rem;margin:0 .1rem}}
/*# sourceMappingURL=main.c764cd1f.chunk.css.map */