/* Index page */

.upload {

    @apply my-4 grid grid-cols-1 gap-2;

}

@screen lg {

    .upload {

        @apply mt-4 grid grid-cols-2;

    }

}

@screen xl {

    .upload {

        @apply mt-4 grid grid-cols-3;

    }

    .upload #results {

        @apply col-span-2;

    }

}

.upload .upload-form {

    @apply bg-gray-900 bg-opacity-75;

    @apply rounded-md;

    @apply p-4;

}

@screen md {

    .upload .upload-form {

        @apply leading-relaxed;

    }

}

@screen lg {

    .upload .upload-form {

        @apply leading-loose;

    }

}

.upload .upload-form select {

    @apply leading-normal;

}

.upload .upload-form input {

    @apply pl-2;

    @apply leading-relaxed;

}

.upload .upload-form select,

.upload .upload-form input,

.upload .upload-form {

    @apply bg-gray-700 bg-opacity-75;

}

.upload #results h1 {

    @apply text-xl text-center;

}

.upload .upload-form .input-field {

    @apply relative;

}

.upload .upload-form [type="checkbox"] {

    @apply w-4 h-4;

}

.upload #files {

    @apply text-center;

    @apply mt-4 p-4;

    @apply border-2 border-gray-200 border-dashed;

}

.upload #results {

    @apply bg-gray-700 bg-opacity-75;

    @apply rounded-md;

    @apply p-4 mx-10;

}