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}.palette-generator{align-items:center;display:flex;flex-direction:column}.input-feild{display:flex}input[type=text]{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:14px;margin:3px 0;outline:none;padding:5px;width:100%}input[type=text]:focus{border-color:#af2867a1;box-shadow:0 0 5px #ae0c7380}.color-palette{display:flex;margin:10px 0}.color-block{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:80px;justify-content:center;margin:5px;position:relative;width:80px}.color-code{font-size:.9em}.lock-btn{background-color:#555;border:none;bottom:-30px;color:#fff;cursor:pointer;padding:5px 8px;position:absolute}.lock-btn.locked{background-color:red}.saved-palettes{margin-top:20px;text-align:center}.saved-palette{border:1px solid #ddd;border-radius:5px;margin:20px 0;padding:10px}.saved-color-block,.saved-color-palette{display:flex;justify-content:center}.saved-color-block{align-items:center;color:#fff;font-size:.9em;font-weight:700;height:80px;margin-right:5px;width:80px}.app{font-family:Arial,sans-serif;padding:20px;text-align:center}h1{color:#333}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin:10px;padding:8px 12px;transition:background-color .3s}button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.131ec761.css.map*/