h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style-type:none}a{color:inherit;text-decoration:none}address{font-style:normal}img{display:block;width:100%;height:auto}input:focus,button:focus,textarea:focus,select:focus{outline:none}.container{width:320px;padding:0 15px;margin:0 auto}@media screen and (min-width: 480px){.container{width:480px}}@media screen and (min-width: 768px){.container{width:768px}}@media screen and (min-width: 1200px){.container{width:1200px}}.output{text-align:center;text-transform:uppercase;font-size:24px;font-weight:700}.color-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:4px;margin:0 auto;max-width:400px}.color-palette .item{padding:0;margin:0;border:none;border-radius:4px;width:40px;height:40px;cursor:pointer;transition:transform .25s ease-in-out}.color-palette .item:hover{transform:scale(1.1)}.item.active{transform:perspective(100px) rotateX(30deg)}.item.active:hover{transform:perspective(100px) rotateX(30deg) scale(1.1)}