body{font-family:"Poppins",sans-serif;margin:0;padding:0;box-sizing:border-box}.App{height:100vh;grid-template-rows:10% 90%}.App,.shades{width:100%;display:grid}.shades{height:100%;grid-template-columns:repeat(auto-fill,10%);grid-template-rows:repeat(auto-fill,10%)}.shade{color:#fff;justify-content:center;cursor:pointer}.input,.shade{display:flex;align-items:center}.input{justify-content:space-between;padding:1rem 3rem}.searchbox{border:none;background-color:#e9e9e9;padding:1rem 20rem;border-radius:27px;text-align:center}.searchbox:focus{outline:none;text-align:center}@media screen and (max-width:700px){.shades{grid-template-columns:repeat(auto-fill,25%);grid-template-rows:repeat(auto-fill,4%)}.App{height:200vh;grid-template-rows:5% 95%}.searchbox{padding:1rem 2rem}}
/*# sourceMappingURL=main.3444f7cf.chunk.css.map */