#dropZone {
    text-align: center;
    cursor: pointer;

    color: var(--text-color);
    background-color: var(--background);
    padding: 20px;

    width: 1000px;
    max-width: calc(95% - 40px);
    aspect-ratio: calc(16/9);

    border-radius: var(--border-radius);
    border-style: var(--border-style);
    border-width: var(--border-width);
    border-color: var(--primary);

    transition: ease .3s;
}

#dropZone.dragover {
    background-color: color-mix(in srgb, var(--background) 80%, #fff);
}

input[type="file"] {
    display: none;
}

.instructions {
    margin-top: 20px;
}

.instructions .instructions-title {
    margin-top: 50px;
    margin-bottom: 20px;
}