/* Add any custom styles here */
body {
    background-color: #f8f9fa;
    padding: 20px;
  }
  
  h1 {
    margin-bottom: 30px;
  }
  
  .progress {
    height: 25px;
  }

  .resumable-drop {
    border: 2px dashed #007BFF; /* Dashed border with a blue color */
    background-color: #f8f9fa; /* Light gray background */
    padding: 20px; /* Padding inside the box */
    text-align: center; /* Center the text */
    margin: 20px; /* Margin around the box */
    border-radius: 10px; /* Rounded corners */
    transition: background-color 0.3s; /* Smooth transition for background color */
}

.resumable-drop:hover {
    background-color: #e2e6ea; /* Slightly darker background on hover */
    cursor: pointer; /* Pointer cursor on hover */
}