Text Styler - Arabic & English Fonts body { font-family: 'Poppins', sans-serif; background: #f7f8fa; margin: 0; padding: 20px; } h1 { text-align: center; color: #333; } .container { max-width: 900px; margin: 0 auto; } textarea { width: 100%; height: 80px; font-size: 18px; padding: 10px; border: 1px solid #ccc; border-radius: 10px; resize: none; } button { background: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 16px; margin-top: 10px; } button:hover { background: #0056b3; } .results { margin-top: 30px; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; } .card { background: white; border-radius: 15px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); padding: 15px; text-align: center; transition: 0.3s; } .card:hover { transform: scale(1.03); } .font-name { font-size: 14px; color: #007bff; margin-top: 10px; cursor: pointer; } .download-btn { margin-top: 10px; background: #28a745; } .download-btn:hover { background: #1f7d32; } Text Styler Generator Generate Styles