@import './assets/css/index.css';

body {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.fl-shell-body {
  display: grid;
  grid-template-columns: auto;
  place-content: safe center;
  gap: 0.5lh;
  padding: 2ch 1ch;
  overflow: auto;
  font-size: clamp(1.6rem, 10vmin, 7rem);

  & ul {
    display: grid;
    place-items: stretch;
    place-content: safe center;
    max-inline-size: 60ch;
    list-style: none;
  }

  & li {
    display: contents;
  }

  & a {
    color: oklch(var(--fl-color-60) var(--fl-color-theme));
    font-weight: 700;

    &:hover,
    &:focus-visible {
      text-decoration: underline;
    }
  }
}

.fl-home-antihero {
  font-size: 1.6rem;
  padding: 1ch;
}