@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

html
{
  container-type: scroll-state;
  height: 100%;
}

body
{
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;

  height: 100%;

  display: flex;
  flex-direction: column;
}

#title
{
  font: 3rem "Work Sans", sans-serif;
  text-align: center;
  margin-bottom: 1rem;
}

#content
{
  flex-grow: 1;
}

body:has(.scrolledHeader)
{
  padding-top: 8rem;
}