#dropzone {

    border: 3px dashed #999;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;

    transition: 0.3s;
    max-width: 300px;
    margin: 15px auto;
    font-size: 13px;

}

#dropzone.dragover {
    background: #f0f0f0;
}

#preview {
    margin-top: 20px;
}

#preview img {

    width: 120px;
    margin: 10px;
    border-radius: 8px;
}

#progress-wrapper {

    width: 100%;
    height: 20px;

    background: #ddd;

    margin-top: 20px;
    border-radius: 10px;

    overflow: hidden;
}

#progress-bar {

    width: 0%;
    height: 100%;

    background: green;

    transition: width 0.2s;
}