body {
    display: inline-flex;
    background-color: var(--color-background-dark);
    height: 100vh;
    width: 100vw;
}

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

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

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

    transition: ease .3s;
}

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

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

.instructions {
    margin-top: 20px;
}

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

.center {
    margin: auto;
}