*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Roboto"}.App{max-width:100vw;height:100vh;display:grid;grid-template-rows:15% 85%;font-family:"Big Shoulders Stencil Text",cursive;background:#000}.compact-picker{width:100%!important;max-width:100%;display:flex}.compact-picker div:first-child{display:flex;flex-wrap:wrap}.compact-picker span{display:flex}.compact-picker span div{width:30px!important;height:30px!important;float:none!important;border-radius:50%}.compact-picker span div>div{width:12px!important;height:12px!important;left:30%!important;top:30%!important}.shades{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:repeat(auto-fill,10%);color:#fff;-webkit-animation-name:leftToRight;animation-name:leftToRight;-webkit-animation-duration:.6s;animation-duration:.6s}.shade{display:flex;justify-content:center;align-items:center;-webkit-animation-name:animate;animation-name:animate;-webkit-animation-duration:1s;animation-duration:1s}.shade:hover{cursor:pointer}.shade-search{padding:1rem 4rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 10px 5px rgba(0,0,0,.2);z-index:1}.emojis{font-size:3rem;-webkit-animation-name:animate;animation-name:animate;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes leftToRight{0%{width:0}to{width:100%}}@keyframes leftToRight{0%{width:0}to{width:100%}}@-webkit-keyframes copied{0%{opacity:0;font-size:0}to{opacity:1;opacity:1px}}@keyframes copied{0%{opacity:0;font-size:0}to{opacity:1;opacity:1px}}.copied{-webkit-animation-name:copied;animation-name:copied;-webkit-animation-duration:.3s;animation-duration:.3s}.shade-input{background-color:#e9e9e9;padding:10px 20px;border-radius:0;text-align:center;text-transform:uppercase;border:1px solid #ddd}@media screen and (max-width:767px){.shades{grid-template-columns:repeat(4,25%);grid-template-rows:repeat(100,20%)}.emojis{font-size:20px}.shade-search{padding:1rem 2rem}}@media screen and (max-width:660px){.shades{grid-template-columns:repeat(2,50%);grid-template-rows:repeat(100,20%)}.emojis{font-size:1rem}.shade-search{padding:1rem}}footer{text-align:right;position:fixed;font-family:"Big Shoulders Stencil Text",cursive;bottom:0;right:10px}
/*# sourceMappingURL=main.6fb0c91b.chunk.css.map */