fancy name genrater
input[type="text"], textarea { display: block; margin: 20px auto; padding: 10px; width: 80%; border-radius: 5px; border: none; background-color: #fff; color: #333; font-size: 20px; } button { display: block; margin: 0 auto; padding: 10px 20px; border-radius: 5px; border: none; background-color: #fff; color: #333; font-size: 20px; cursor: pointer; } #output { height: 150px; } .container { display: flex; flex-direction: column; align-items: center; margin: 20px; } input[type="text"], textarea { padding: 10px; margin: 10px; border: 2px solid blue; border-radius: 5px; font-size: 16px; color: blue; } button { padding: 10px 20px; margin: 10px; background-color: blue; color: white; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } button:hover { background-...