html,body{margin:0;padding:0;font-family:Rubik,sans-serif;background-color:#eef0f4;user-select:none}.container{display:flex;flex-direction:column;max-width:320px;margin:30px auto}img{width:200px;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:#b894e8;border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif;font-weight:700}button:hover{color:#fdfdfd;background-color:#f08ebf;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:#eeebc8;cursor:pointer}