/* General Styling */ body { font-family: 'Roboto', sans-serif; background-color: #f1f1f1; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; box-sizing: border-box; } .container { background-color: #ffffff; border-radius: 8px; padding: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); width: 100%; max-width: 600px; text-align: center; } h1 { color: #4caf50; margin-bottom: 20px; } .input-container, .output-container { margin-bottom: 20px; } textarea { width: 100%; padding: 10px; border: 2px solid #ddd; border-radius: 5px; font-size: 16px; background-color: #f9f9f9; transition: border-color 0.3s; } textarea:focus { border-color: #4caf50; } button { padding: 10px 20px; border: none; background-color: #4caf50; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; margin: 10px; } button:hover { background-color: #45a049; } .clear-btn { background-color: #f44336; } .clear-btn:hover { background-color: #e53935; } /* Responsive Styling */ @media (max-width: 768px) { .container { padding: 20px; } textarea { font-size: 14px; } button { font-size: 14px; padding: 8px 16px; } }

Text to Binary Converter

Enter Text:

Binary Output: