.ColorBox{box-sizing:border-box;display:flex;flex-grow:1;height:100%;justify-content:center;transition:all .2s ease-in-out;width:15%}.ColorBox:hover{flex-grow:4}.ColorBox-ColorName{align-self:flex-end;color:#fff;margin-bottom:4em;text-align:center;text-shadow:1px 1px 2px #a9a9a9}.ColorBox-ColorName.dark-text{color:rgba(0,0,0,.5);text-shadow:1px 1px 2px #a9a9a9}.ColorBox-ColorName:hover{cursor:pointer}.PaletteBox{align-items:center;border-radius:20px;box-sizing:border-box;display:flex;height:250px;margin-bottom:3em;margin-top:3em;overflow:hidden;width:900px}@media (max-width:768px){.PaletteBox{flex-flow:column nowrap;height:400px;width:310px}}.Palette{text-align:center}.Palette h1{color:#1d3557}.Palette h3{color:#a9a9a9}.button-6{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.02);box-sizing:border-box;color:rgba(0,0,0,.85);cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.25;margin:0;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;touch-action:manipulation;transition:all .25s;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:baseline;width:auto}.button-6:focus,.button-6:hover{border-color:rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.1);color:rgba(0,0,0,.65)}.button-6:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.button-6:active{background-color:#f0f0f1;border-color:rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.06);color:rgba(0,0,0,.65);-webkit-transform:translateY(0);transform:translateY(0)}.App{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.b4f3988c.css.map*/