/* @tailwind base; */

.tw-m-0 {
  margin: 0px
}

.tw-mb-0 {
  margin-bottom: 0px
}

.tw-mb-2 {
  margin-bottom: 0.5rem
}

.tw-mb-3 {
  margin-bottom: 0.75rem
}

.tw-mt-0 {
  margin-top: 0px
}

.tw-grid {
  display: grid
}

.tw-aspect-video {
  aspect-ratio: 16 / 9
}

.tw-w-full {
  width: 100%
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.tw-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr))
}

.tw-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr))
}

.tw-gap-4 {
  gap: 1rem
}

.tw-gap-8 {
  gap: 2rem
}

.tw-object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

.tw-p-0 {
  padding: 0px
}

.tw-text-center {
  text-align: center
}

.tw-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.tw-font-bold {
  font-weight: 700
}

.tw-font-light {
  font-weight: 300
}

.tw-font-medium {
  font-weight: 500
}

.tw-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity))
}

.tw-text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
  .md\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 1024px) {
  .lg\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (min-width: 1280px) {
  .xl\:tw-col-span-2 {
    grid-column: span 2 / span 2
  }

  .xl\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}