@import "https://ka-f.webawesome.com/webawesome@3.5.0/styles/webawesome.css";
@import "https://ka-f.webawesome.com/webawesome@3.5.0/styles/themes/default.css";

/* styles/main.scss */
header[slot=header] {
  justify-content: flex-start;
  color: white;
  background-color: var(--wa-color-purple-20);
}
header[slot=header] .h1 {
  font-size: var(--wa-font-size-3xl);
  font-weight: var(--wa-font-weight-bold);
}
header[slot=subheader] {
  background-color: var(--wa-color-gray-90);
}
main {
  max-width: 800px;
}
wa-card {
  box-shadow: var(--wa-shadow-l);
}
wa-card::part(header) {
  background-color: var(--wa-color-pink-40);
  color: white;
}
.flex {
  display: flex;
  flex-direction: column;
  row-gap: var(--wa-space-m);
  -moz-column-gap: var(--wa-space-m);
  column-gap: var(--wa-space-m);
}
@media (min-width: 600px) {
  .flex {
    flex-direction: row;
  }
}
.flex wa-card {
  flex: 1;
}
/*# sourceMappingURL=main.css.map */