body {
            margin: 8px;
            padding: 5px;
            background-color: #000000;
            color: #009D46;
            font-family: Monospace;
            text-decoration: none;
        }

        .home_page_heading {
            padding: 10px;
            margin: 15px;
            border: 3px solid #7DDE85;
            text-align: center;
            border-radius: 2px;
        }

        /* Search bar and button */
        .search-container {
            text-align: center;
            margin-top: 20px;
            position: relative;
        }

        #searchBox {
            width: 50%;
            padding: 10px;
            font-size: 16px;
            border: 2px solid #00FFD3;
            border-radius: 5px;
            background-color: #000;
            color:#FF0008;
        }

        #searchBtn {
            padding: 10px 15px;
            font-size: 16px;
            border: 2px solid #009D46;
            border-radius: 5px;
            background-color: #009D46;
            color: #000;
            cursor: pointer;
            margin-left: 5px;
        }

        #searchBtn:hover {
            background-color: #00b359;
        }

        /* Search Results Heading */
        #searchHeading {
            text-align: center;
            color: #FFD700;
            font-size: 24px;
            margin-top: 20px;
            display: none;
        }

        /* Search results section */
        #searchResults {
            text-align: center;
            color: #FFFFFF;
            margin-top: 10px;
            display: none;
            font-size: 18px;
        }

        /* Highlighted text */
        .highlight {
            color: #000;
            font-weight: bold;
            background-color: #FFD700;
            padding: 2px 5px;
            border-radius: 3px;
        }
        .yellow{
            color:#FFF300;
        }
        
        .blue{
            color: #0020FF;
        }
        .red{
           color:#FF2400;
        }
        
        .exmimage{
            height: 100px;
            width: 150px;
            position:relative;
            overflow: hidden;
        }
        .table{
            height: 40%;
            width: 80%;
        }
        .purple{
           color: #7A00FF; 
        }
        a{
            text-decoration:none ;
            color: #7F00FF;
        }
        
                .footer {
            background-color: #000;
            color: white;
            padding: 20px 0;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .social-links {
            display: flex;
            gap: 20px;
            margin-bottom: 10px;
        }

        .social-links a {
            color: white;
            text-decoration: none;
            font-size: 24px;
        }

        .social-links a:hover {
            color: #ff3c00;
        }

        .footer-links {
            margin-top: 10px;
            font-size: 14px;
        }

        .footer-links a {
            color: #bbb;
            text-decoration: none;
            margin: 0 10px;
        }

        .footer-links a:hover {
            color: white;
        }
        
        .offline {
            display: none;
            color: red;
        }
        .online {
            display: block;
        }

        @media (max-width: 600px) {
            .social-links {
                flex-direction: column;
                gap: 10px;
            }