body {
            background-color: #f8f9fa; /* Set a light background color */
        }
        .container {
            padding-top: 80px; /* Add some top padding to the container */
        }
        #dropArea {
            border: 2px dashed #007bff;
            border-radius: 5px;
            padding: 40px; /* Reduce the padding for a cleaner look */
            text-align: center;
            background-color: lightskyblue; /* Set the background color to light sky blue */
            cursor: pointer; /* Add cursor pointer to indicate drag and drop functionality */
            height: 250px;

        }

        #dropArea:hover {
            background-color: lightpink; /* Set the background color to light pink on hover */
        }

        #dropArea.dragover {
            background-color: #f0f9ff; /* Light blue background when dragged over */
        }
        #fileInput {
            display: none; /* Hide the file input */
        }
        #successMessage {
            display: none;
            margin-top: 20px; /* Increase the top margin */
            text-align: center; /* Center align the text */
        }
        #downloadLink {
            margin-top: 20px; /* Increase the top margin */
        }
        #progressBarContainer {
            display: none;
            margin-top: 20px;
        }
        #progressBar {
            height: 20px;
            background: linear-gradient(to right, #007bff, #00ff00); /* Set a linear gradient from blue to green */
        }

        #progressText {
            display: none;
            margin-top: 10px;
        }
        #buttonAndMessageContainer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }