:root{--dark-blue:#03045e;--secondary-blue:#0077b6;--primary-blue:#3892c2;--light-blue:#90e0ef;--bg-blue:#caf0f8;--bg-color:#f2f8fa;--bg-yellow:#f1dca7;--text-color:#efefef;--card-light-bg-color:#def0f3;--dark-text-color:#222;--grey-color:#d4d3d3;--dark-grey:#949494;--light-dark:#555;--delete-color:#df372b;--divider-color:rgba(0,0,0,0.1);--dark-bg:#222;--soft-dark:#272724;--letter-spacing:0.08rem;--transition:all 0.2s linear;--btn-transition:all 0.125s ease;--radius:0.25rem;--img-radius:0.25rem 0.25rem 0rem 0rem;--card-radius:0rem 0rem 0.25rem 0.25rem;--btn-radius:16px;--light-shadow:0 5px 15px rgba(0,0,0,0.1);--dark-shadow:4px 5px 15px rgba(5,6,6,0.4)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background-color:#f2f8fa;background-color:var(--bg-color);color:#222;color:var(--dark-text-color);font-family:"Montserrat Alternates",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}ul{list-style-type:none}a{text-decoration:none}hr{border:none;border-bottom:1px solid rgba(0,0,0,.1);border-bottom:1px solid var(--divider-color)}h1,h2,h3,h4{letter-spacing:.08rem;letter-spacing:var(--letter-spacing);text-transform:capitalize;line-height:1.25}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:inherit;font-size:.9rem;letter-spacing:.08rem;letter-spacing:var(--letter-spacing)}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.25rem}body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{display:inline-block;border:none;padding:.4rem 1.25rem;border-radius:16px;border-radius:var(--btn-radius);box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:var(--light-shadow);letter-spacing:.08rem;letter-spacing:var(--letter-spacing);font-size:.55rem;transition:all .125s ease;transition:var(--btn-transition);cursor:pointer;font-weight:700;text-transform:uppercase}.icon{padding:0;margin:0;font-size:1rem}.section-center{width:95%;margin:auto;padding:1rem;min-height:100vh}.form{width:95%;margin:auto;padding:1rem;grid-template-columns:auto auto;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;grid-gap:3rem;gap:3rem;align-items:baseline}.form,.input-group{display:grid;display:-moz-grid;display:-ms-grid;display:-webkit-grid}.input-group{grid-template-columns:auto auto;grid-gap:2rem;gap:2rem}.input{padding:.1rem .425rem;border:0;background-color:transparent;border-bottom:1.3px solid rgba(0,0,0,.1);border-bottom:1.3px solid var(--divider-color);color:#555;color:var(--light-dark);font-size:.725rem}.color-section{display:grid;display:-moz-grid;display:-ms-grid;display:-webkit-grid;grid-template-columns:1fr 1fr;padding-bottom:4rem;width:100%}.underline{position:absolute;bottom:-9px;height:4px;width:30%;background-color:#0077b6;background-color:var(--secondary-blue);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:.25rem;border-radius:var(--radius)}.container{margin:1rem auto;grid-gap:1.5rem;gap:1.5rem}.container,.single-color{display:grid;display:-moz-grid;display:-ms-grid;display:-webkit-grid}.single-color{width:auto;place-items:center;height:150px;cursor:pointer}.base{border:1px solid #fff}.tint{color:#222!important}.shade{color:#efefef!important;color:var(--text-color)!important}@media screen and (min-width:753px){.color-section{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:992px){.color-section{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (min-width:1290px){.color-section{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.container{max-width:800px}.img-container{height:150px;width:100%}}.btn-group{display:flex;display:-moz-flex;display:-ms-flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;width:100%}.btn-selector{background-color:#caf0f8;background-color:var(--bg-blue);border-bottom:2px solid transparent}.btn-selector:hover{border-bottom:2px solid #90e0ef;border-bottom:2px solid var(--light-blue);-webkit-transform:scale(1.02);transform:scale(1.02)}
/*# sourceMappingURL=main.93c3728b.chunk.css.map */