.header{align-items:center;background-color:#3a3a3a;display:flex;padding:.75rem .75rem .75rem 3rem}.logo{size:5rem!important;color:#eee;display:inline-block;font-size:2rem;font-weight:700}.logo-img{height:40px;margin-right:10px}.invert{-webkit-filter:invert(95%);filter:invert(95%)}.body{background-color:#1e1e22;display:flex}.color-picker{margin-top:1rem;width:30%}.color-picker .react-colorful{background:#3a3a3a;border-radius:12px;height:250px;margin:auto;padding-top:1rem;padding:16px;width:90%}.color-picker .react-colorful__saturation{border-bottom:none;border-radius:5px;margin:15px 0}.color-picker .react-colorful__hue{border-radius:5px;height:14px}.color-picker .react-colorful__hue-pointer{height:20px;width:20px}.display-color{color:#eee;font-size:1.25rem;font-weight:500;margin-top:1.6rem;padding-left:2rem}.current-color-info{align-items:center;display:flex;justify-content:stretch;padding-left:2rem}.current-color-box{border-radius:10%;height:5rem;margin-top:1rem;width:5rem}.color-input{background-color:initial;border:1px solid #eee;border-radius:2%;color:#eee;height:2rem;margin-left:2rem;margin-top:1.6rem;text-align:center;width:50%}.partition{border-bottom:1px solid #555;height:0;margin-left:1rem;margin-right:1rem;margin-top:1rem}.corresponding-color-text{color:#eee;font-size:1.25rem;font-weight:500;margin-bottom:1rem;margin-top:1rem;padding-left:2rem}.color-key-text{color:#bbb;font-size:15px;margin-left:2.5rem;padding:2px}.color-value-text{left:10rem;position:absolute}.shades{background-color:#fff;width:70%}.shades-list{display:grid;grid-template-columns:repeat(10,10%)}.shade,.tint{align-items:center;display:flex;font-size:14px;height:5rem;justify-content:center}.tint-text{font-weight:500}.shade-text{color:#eee}*{box-sizing:border-box;margin:0;padding:0}.footer-container{background-color:#17171b}.contact-us-label{color:#eee;font-size:1.5rem;padding-left:1.75rem;padding-top:10px}.creater-box{align-items:center;display:flex;justify-content:space-around;padding-top:10px}.creater{background-color:#17171b;border:1px solid #555;border-radius:10px;height:3rem;margin-bottom:1rem;margin-left:1rem;margin-top:.75rem;padding:1rem 1rem 2rem;width:36%}.creater .creater-name{background-color:#17171b;color:#eee;padding-left:5px;padding-right:5px;position:relative;top:-1.65rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.creater .creater-contact-info{align-items:center;color:#aaa;display:flex;font-size:14px;justify-content:start;padding-right:2rem;position:relative;top:-1rem}.creater .creater-email{padding-left:4%}.creater .creater-github{padding-left:10%}.creater .creater-linkedin{padding-left:7%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a{border-radius:10px;color:#aaa;margin:40px 20px;padding:10px;text-decoration:none}a:hover{background-color:#d9e1e1;color:#000}
/*# sourceMappingURL=main.79ec8732.css.map*/