body {
            background-color: #f8f9fa;
            color: #343a40;
        }
        .table-hover tbody tr:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }
        a {
            color: #007bff;
            text-decoration: none;
        }
        a:hover {
            color: #0056b3;
            text-decoration: none;
        }
        .thead-dark th {
            background-color: #343a40;
            color: white;
        }
        .card {
            border-color: #343a40;
        }
        .card-body {
            background-color: #ffffff;
        }
        .difficulty-easy {
            color: green;
        }
        .difficulty-medium {
            color: black;
        }
        .difficulty-hard {
            color: red;
        }
                .hidden {
            display: none;
        }
        .question-header {
            font-size: 1.25rem; /* Adjust size as needed */
        }
        .btn-group {
            display: flex;
            gap: 10px;
        }
        @media (max-width: 576px) {
            .question-header {
                font-size: 1rem; /* Smaller font size for mobile */
            }
            .btn-group {
                flex-direction: column;
                gap: 5px;
            }
        }
        @media (min-width: 576px) {
            .btn-group {
                flex-direction: row;
            }
        }