@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind screens;

.required:after {
  content:" *";
  color: red;
}

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

::-webkit-file-upload-button {
  display: none;
}

input:focus {outline: 0 !important;}

#drop-zone {
  text-align: center;
  position: relative;
  line-height: 180px;
  font-size: 20px;
  color: rgba(0,0,0,.3);
}

#drop-zone input .file{
  width: 300px;
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 0px;
}