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

.my-wrapper {
  left: 0 !important;
  top: 0 !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999 !important;
  display: flex !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

.my-wrapper > div {
  background: white !important;
  width: 600px !important;
  height: 300px !important;
  border-radius: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-items: center !important;
  margin-top: 100px !important;
  color: black !important;
}