body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.center {
    text-align: center;
}
 
.dropzone {
    border: 2px solid #333333; /* 2px width, solid style, dark gray color */
    padding: 15px; /* Adds space between form content and border */
    border-radius: 8px; /* Rounds the corners of the border */
    background-color: #ffffff; /* Sets a white background for the form */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
}

.file {
    position: relative;
    background: linear-gradient(to right, lightblue 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
}

.file.error {
    background: #e70707;
}

.file.done {
    background: lightgreen;
}

.file a {
    display: block;
    position: relative;
    padding: 5px;
    color: black;
}