body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e1e8f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.form-box,h1{text-align:center}.form-box{background:#1a455c;border-radius:10px;margin:auto auto 25px;max-width:350px;padding:7px 8px 15px}.field-control{align-items:center;display:flex;gap:10px;justify-content:center}.form-box input{flex:1 1}.form-box input,.form-box select{border:none;border-radius:5px;outline:0;padding:9px 10px}.form-box select{width:120px}label{color:#fff;display:block;padding-bottom:5px;text-align:left}.form-box button{background:#fd0;border:none;border-radius:7px;color:#000036;cursor:pointer;margin-top:10px;padding:9px 0;width:90%}.color-list{align-items:center;display:flex;flex-wrap:wrap;margin:auto;max-width:100%;text-align:center}.color-box{flex-basis:16.66%;padding:30px 0;text-align:center}.hex-bg{align-items:center;display:flex;height:120px;justify-content:center}.color-box p{margin:10px 0}.dark-color{color:#000}.light-color{color:#fff}.svg-copy{margin-left:5px;width:13px}.color-box{position:relative}.copy{cursor:pointer}span{background:#e1e8f6;border-radius:3px;color:#000;font-size:12px;padding:2px 4px;position:absolute}.alert{margin:auto;text-align:center;width:300px}.alert p{background:#ffd8db;border:1px solid #ffcbcf;border-radius:5px;color:#ff0c20;padding:6px 18px}
/*# sourceMappingURL=main.4ce31ff7.css.map*/