html,body{margin:0;padding:0;font-family:Rubik,sans-serif;background-color:#606759;color:#432000;-webkit-user-select:none;user-select:none}.container{display:flex;flex-direction:column;max-width:320px;margin:30px auto}img{width:150px;margin:0 auto}input{color:#0c0c09;background-color:#a5a5a5;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif;margin:5px 0 0}button{color:#fff;background-color:#4b623f;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif}button:hover{background-color:#34442b;cursor:pointer}ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}ul li{font-size:20px;background-color:#fffb99;padding:15px;border-radius:8px;flex-grow:1;text-align:center;box-shadow:0 1px 4px #0003}ul li:hover{background-color:#e3b5a4;cursor:pointer}