body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{padding:20px}.app-container,.colour-manager{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.colour-interaction,.colour-list,.colour-picker{width:100%}.colour-list{background-color:#ccc;border-radius:8px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:20px}.granny-square-manager{display:flex;flex-direction:column;gap:20px}.granny-square{align-items:center;background-color:#ccc;border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;padding:20px}button,input,select{border:1px solid #ccc;border-radius:4px;margin:4px 0;padding:8px}input{width:calc(100% - 16px)}@media (min-width:768px){.colour-manager{grid-template-columns:repeat(2,1fr)}.granny-square-manager{flex-direction:row;justify-content:space-around}}@media (min-width:1024px){.app-container{gap:40px;padding:40px}.app-header h1{font-size:2rem}.granny-square-manager{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}button,input,select{font-size:1rem;padding:10px}}
/*# sourceMappingURL=main.0cce3722.css.map*/