/* style.css */

        body { font-family: 'Arial', sans-serif; background-color: #97F8F4; max-width: 900px; margin: 0 auto; padding: 20px; }
        h1, h2 { color: #333; }
        
        /* Alphabetical Index Styling */
        .alphabet-index { margin: 20px 0; padding: 10px; background-color: #97F8F4; border-radius: 8px; text-align: center; }
        .alphabet-index a { 
            text-decoration: none; 
            color: #990909; 
            font-weight: bold;
	    font-size: 1.8em; 
            margin: 0 5px; 
            padding: 2px 5px;
        }
        .alphabet-index a:hover { background-color: #ddd; border-radius: 3px; }
        .alphabet-index a.active { color: white; background-color: #007bff; border-radius: 3px; }

        /* Dictionary Entry Styling */
        .entry { border-bottom: 1px dashed #ccc; padding: 10px 0; display: flex; align-items: baseline; }
        .english { font-weight: bold; color: #1a237e; flex: 2; font-size: 1.1em; }
        .hindi { color: #114E3C; flex: 1; text-align: right; font-size: 1.4em; }
        .pos { font-size: 0.8em; color: #607d8b; font-style: italic; margin-left: 5px; }

        /* Search Form Styling */
        .search-form { display: flex; margin-bottom: 20px; }
        .search-form input[type="text"] { flex-grow: 1; padding: 10px; border: 1px solid #ccc; border-radius: 5px 0 0 5px; }
        .search-form button { padding: 10px 15px; background-color: #4CAF50; color: white; border: none; border-radius: 0 5px 5px 0; cursor: pointer; }