body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } .container { display: flex; justify-content: space-around; align-items: center; margin: 50px 0; } .text-box { background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); padding: 20px; width: 45%; } select, textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } textarea { height: 150px; } input[type="submit"] { background-color: #4caf50; color: #fff; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; border-radius: 4px; } input[type="submit"]:hover { background-color: #2674d4; } #output:disabled { background-color: #f4f4f4; color: #555; } h1 { text-align: center; color: #333; }