/* Container */
.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-1 {
  flex: 1;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

/* Background Colors */
.bg-zinc-50 {
  background-color: #fafafa;
}

.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

/* Width & Max-Width */
.w-full {
  width: 100%;
}

.max-w-3xl {
  max-width: 48rem; /* 768px */
}

/* Padding */
.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* Font */
.font-sans {
  font-family: Arial, Helvetica, sans-serif;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
  .dark\:bg-black {
    background-color: #000000;
  }
}

/* Responsive - Small screens and up */
@media (min-width: 640px) {
  .sm\:items-start {
    align-items: flex-start;
  }
}