body {
    font-family: 'Times New Roman', Times, serif;
    background-color: #222; /* Dark background color */
    color: #fff; /* White text */
    font-size: 20px; /* Large font size */
}

h1 {
    text-align: center;
    font-size: 32px; /* Larger heading font size */
}

#searchInput {
    width: 100%;
    padding: 10px;
    font-size: 20px; /* Large font size */
    margin-bottom: 10px;
    background-color: #333; /* Darker input background color */
    color: #fff; /* White text */
    border: none;
    border-radius: 5px;
}

#searchResults {
    margin-top: 40px;
    background-color: #333; /* Darker background color for results */
    padding: 40px 40px; /* Padding on top/bottom: 10px, Padding left/right: 50px */
    border-radius: 10px;
    max-height: 500px; /* Limit height for scrolling */
    overflow-y: auto; /* Add vertical scrollbar if needed */
}


#searchResults p {
    margin: 5px 0;
    padding: 10px;
    background-color: #444; /* Darker background color for paragraphs */
    border-radius: 5px;
}
/* Styling for the scrollbar */
#searchResults::-webkit-scrollbar {
    width: 10px; /* Width of the scrollbar */
}

#searchResults::-webkit-scrollbar-thumb {
    background-color: #666; /* Dark color for the scrollbar thumb */
    border-radius: 5px; /* Rounded corners for the scrollbar thumb */
}
/* Add styles for buttons */
button,a:link,a:visited {
    text-decoration: none;
    padding: 10px 20px;
    font-size: 18px;
    background-color: #555; /* Dark button background color */
    color: #fff; /* White text */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* Change button background color on hover */
button:hover, a:hover {
    background-color: #777; /* Darker background color on hover */
}

/* Add glow effect on focus */
button:focus,a:focus {
    outline: none;
    box-shadow: 0 0 10px #fff; /* White glow effect */
}
/* Style for file input */
#fileInput {
    display: block; /* Display as block element */
    margin-bottom: 50px; /* Add margin bottom */
    padding: 10px; /* Add padding */
    font-size: 16px; /* Font size */
    background-color: #555; /* Background color */
    color: #fff; /* Text color */
    border: none; /* Remove border */
    border-radius: 5px; /* Add border radius */
    cursor: pointer; /* Change cursor on hover */
    transition: background-color 0.3s, box-shadow 0.3s; /* Add transition effect */
}

/* Change background color on hover */
#fileInput:hover {
    background-color: #777; /* Darker background color on hover */
}

/* Add glow effect on focus */
#fileInput:focus {
    outline: none; /* Remove default focus outline */
    box-shadow: 0 0 10px #fff; /* White glow effect */
}
     .hidden-image {
            display: none;
        }

        .back-button {
            text-decoration: none;
            background-color: #3498db; /* Background color */
            color: #fff; /* Text color */
            padding: 10px 20px; /* Padding */
            font-size: 16px; /* Font size */
            border: none; /* Remove border */
            border-radius: 5px; /* Add border-radius for rounded corners */
            cursor: pointer; /* Add cursor pointer on hover */
            transition: background-color 0.3s, box-shadow 0.3s; /* Add transition effect */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add slight shadow */
        }

        .back-button:hover {
            background-color: #2980b9; /* Change background color on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a bit more shadow on hover */
        }

        /* Optional: Center the button */
        .button-container {
            text-align: center;
        }
        
 
/* Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
    background: #333; /* Color of the track */
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #666; /* Color of the handle */
    border-radius: 6px; /* Rounded corners */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #888; /* Color of the handle on hover */
}