/* https://picocss.com/docs/css-variables */
/* https://picocss.com/docs/colors */

/* Containers */

:root {
  --header-height: 5rem;
  --footer-height: 5rem;
}

@layer base {
  body {
    min-height: 100vh;
  }

  main {
    padding-block: 0 !important;
    height: 100%;
    min-height: calc(100vh - var(--header-height));
    padding-top: var(--header-height) !important;
    margin-bottom: 0 !important;
  }
}