.content {
  padding: 0px 22px;
  border-radius: 1.3rem;
  min-height: 100vh;
  min-width: 0px;
  flex: 1 1 0%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-slate-200) / var(--tw-bg-opacity));
  padding-bottom: 2.5rem;
  padding-top: 0.5rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.dark .content{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-darkmode-700) / var(--tw-bg-opacity));
}
@media (max-width: calc(768px - 1px)) {
  .content{
      max-width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
  }
}
@media (max-width: calc(350px)) {
  .content{
      max-width: 100%;
      padding-left: 0.25rem;
      padding-right: 0.25rem;
  }
}
.content:before {
      content: "";
      display: block;
      height: 1px;
      width: 100%;
  }