@import url(https://fonts.googleapis.com/css2?family=Mukta&display=swap);.container{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:center}.header{margin-bottom:15px;text-align:center}.header p{color:var(--clr-gray);font-size:1.2rem;margin-top:-10px}.header h1{font-size:3rem}@media only screen and (max-width:500px){.header h1{font-size:1.8rem}.header p{font-size:.8rem}}.form{align-items:center;display:flex;height:70px;justify-content:center;width:300px}input{background-color:var(--clr-light-gray);border:none;padding:.5rem 1rem;width:70%}input:focus{outline:1px solid var(--clr-gray)}.btn{background-color:var(--clr-gray);border:none;box-shadow:0 2px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);color:var(--clr-light-gray);cursor:pointer;height:100%;margin-left:4px;width:30%}.btn:hover{background-color:var(--clr-dark)}.hint{color:var(--clr-gray);font-size:.8rem;font-style:italic;margin-top:4px}.color-container{cursor:pointer;padding:.5rem;text-align:center;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.color-container:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);-webkit-transform:scale(1.1);transform:scale(1.1)}.color-text{color:var(--clr-dark)}.color-light{color:var(--clr-gray)}.color-alert{font-size:.8rem;font-style:italic;margin-top:.5rem}:root{--clr-gray:#979797;--clr-light-gray:#f1f1f1;--clr-dark:#4b4b4b}*{box-sizing:border-box;font-family:Mukta,sans-serif;margin:0;padding:0}body{background-color:#eff8ff;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:80px;width:100%}.colorlist-container{display:grid;grid-auto-rows:150px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));height:auto;margin-top:6rem;width:100%}.success{color:green}.danger{color:red}
/*# sourceMappingURL=main.1f2471a2.css.map*/