*{box-sizing:border-box;margin:0;padding:0}body{background-color:#02445a}.color-div-light{color:#e5e3e3}.header-section{display:grid;height:120px;place-items:center}.page-title{color:azure;font-size:1.3rem;letter-spacing:5px;line-height:1.2;padding:0 10px;text-transform:uppercase}.form,.page-title{text-align:center}input{border-bottom:none;border-bottom-right-radius:12px;border-top-left-radius:8px;color:#357fb3;font-size:.8rem;padding:6px 10px;width:9rem}.btn,input{font-weight:600}.btn{background-color:#076b8c;border-bottom-left-radius:15px;border-color:#54b5fa #04cfb1;border-style:solid;border-top-right-radius:10px;border-width:1.5px 2px 1px 1.5px;color:#eeecec;cursor:pointer;font-size:.87rem;letter-spacing:2px;margin-left:-5px;padding:7px 10px;transition:all .2s linear}.btn:hover{background-color:#04cfb1;color:#fff}.colors-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(223.33px,1fr));grid-template-rows:repeat(auto-fit,minmax(96px,1fr));min-height:calc(100vh - 120px)}.color-div{grid-gap:0;cursor:pointer;display:grid;font-size:1rem;gap:0;height:100%;padding:5px 0;place-items:center;text-transform:none}.weight{font-size:1rem;font-weight:600}.hex-value{border:1px solid #605479;border-radius:5px;font-size:1.1rem;font-weight:200;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.to-clipboard{background-color:#b32e5a;border-radius:2px;display:block;font-size:.7rem;font-weight:600;letter-spacing:2px;padding:4px 6px;text-transform:uppercase}@media screen and (min-width:768px){.page-title{font-size:2rem}.weight{font-size:1.3rem}}
/*# sourceMappingURL=main.5e336774.css.map*/