html,body{margin:0;padding:0;font-family:Rubik,sans-serif;background-color:#ffdcb4;color:#381b01;-webkit-user-select:none;user-select:none}.container{display:flex;flex-direction:column;max-width:320px;margin:30px auto}img{width:180px;margin:0 auto}input{color:#432000;background-color:#dce1eb;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif;margin:10px 0}button{color:#fdfdfd;background-color:#8dbe1a;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif}button:hover{background-color:#5f810f;cursor:pointer}ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}ul li{font-size:20px;background-color:#fffdf8;padding:15px;border-radius:8px;flex-grow:1;text-align:center;box-shadow:0 1px 4px #0003}ul li:hover{background-color:#edc6bb;cursor:pointer}