.wraper{flex-direction:column;gap:2rem;height:100vh;width:100vw}.wraper,.wraper>div.color{align-items:center;display:flex;justify-content:center}.wraper>div.color{font-size:4rem;width:-moz-min-content;width:min-content}.wraper>button.color,.wraper>div.color{background-color:#fff;border-radius:1rem;padding:2rem}.wraper>button.color{border:none;font-size:2rem;outline:none}.wraper input{border:none;font-size:4rem;outline:none;text-transform:uppercase;width:20rem}@media (max-width:800px){.wraper>div.color{font-size:2rem;padding:1rem}.wraper>button.color{font-size:1.25rem;padding:1rem}.wraper input{font-size:2rem;width:12rem}}