body {
  color: #000;
  background: linear-gradient(to bottom, transparent, #fff) #d6dbdc;
}

@media (prefers-color-scheme: dark) {
  body {
    color: #fff;
    background: linear-gradient(to bottom, transparent, #000) #000;
  }
}

.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.w-full {
  width: 100%;
}
.justify-center {
  justify-content: center;
}
.h-svh {
  height: 100svh;
}
.items-center {
  align-items: center;
}
.h-screen {
  height: 100vh;
}
.bg-white {
  background: #fff;
}
.items-top {
  align-items: flex-start;
}