@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}html{font-size:62.5%}.main{font-size:4rem;background-color:#333;display:flex;gap:4rem;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;transition:.4s all}.btn{background-color:#28c5c5;color:#fff;padding:2rem 4rem;border-radius:5px;border:none;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease-in-out;font-size:3rem}.saveBtn{padding:3rem 5rem;cursor:pointer;font-size:3rem;background-color:#2f4f4f;border:none;border-radius:5px;color:#fff;transition:.3s all}.saveBtn:hover{filter:brightness(.85)}.btn:hover{transform:scale(1.1)}.header{background-color:#333;color:#f0f8ff;height:15vh;display:flex;justify-content:center;align-items:center;font-size:2rem}.color-tracker-container{max-width:calc(60% - 1rem);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row;gap:3rem}.color-stamp{padding:3rem;border-radius:5px;border:1px solid #333;animation:.5s linear bigSmall;box-shadow:0 0 10px #000000e6;position:relative;font-size:2.2rem}.close{position:absolute;top:0;right:5px;cursor:pointer}.footer{background-color:#333;height:15vh;font-size:2rem;color:#f0f8ff;display:flex;justify-content:center;align-items:center}form{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:1rem}input{padding:1rem 2rem;font-size:2rem}.required-input{font-size:1.8rem}@keyframes bigSmall{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){html{font-size:50%}}