@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,500;0,600;1,500&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#d3d3d3;color:#363636;font-family:Poppins,sans-serif;max-width:100vw;min-height:100vh}main{padding:50px;position:relative;width:100%}.title{align-items:center;display:flex;flex-direction:column;width:100%}h2{font-size:30px;text-align:center}.hr-line{background:red;border-radius:5px;height:10px;margin:10px 0;width:100px}.nav-header{align-items:center;border-radius:5px;box-shadow:4px 3px 49px -7px rgba(0,0,0,.21);display:flex;gap:0;justify-content:space-between;margin:50px 0;padding:20px;width:100%}.nav-header,input{background:#ececec}input{border:none;border-bottom:2px solid #000;color:#363636;font-size:18px;outline:none;padding:10px}input[type=text]{width:200px}@media (max-width:600px){main{padding:20px}.nav-header{flex-direction:column;gap:20px}input[type=text]{width:150px}}input[type=number]{width:70px}input:focus{border-bottom:2px solid red}input::-webkit-input-placeholder{font-size:14px}input:-ms-input-placeholder{font-size:14px}input::placeholder{font-size:14px}form{display:flex;gap:10px}.icon-btn{align-items:center;background:red;border:none;border-radius:5px;color:#ececec;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;outline:none;padding:10px;transition:all .5s ease-in-out;width:50px}.icon-btn:hover{border-radius:50%}.colorlist-area{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.color-container{border-radius:5px;cursor:pointer;height:250px;padding:20px;position:relative}.color-container:hover{box-shadow:4px 3px 49px -7px rgba(0,0,0,.21)}.btn{align-items:center;background:red;border:none;border-radius:5px;bottom:5%;cursor:pointer;display:flex;gap:10px;justify-content:center;outline:none;padding:10px;position:absolute;right:3%;transition:all .5s ease-in-out}@media (max-width:600px){.colorlist-area{grid-template-columns:repeat(2,1fr)}.color-container{height:200px}.btn{bottom:7%;right:7%}}.copied{background:red;border-radius:5px;bottom:5%;font-size:12px;padding:10px;position:absolute;right:3%;transition:all .5s ease-in-out}.btn:hover,.copied:hover{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}.errormain{height:100vh;left:0;position:absolute;top:0;width:100vw}.modal{background:#fff;border-radius:5px;box-shadow:7px 2px 55px 0 rgba(0,0,0,.75);height:200px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}@media (max-width:600px){.modal{width:80%}}
/*# sourceMappingURL=main.e106b4ce.css.map*/