@use "../../styles/typography" as type;

.root {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.content {
  width: calc(100% - var(--app-page-padding) * 2);
  max-width: var(--app-page-max-width);
  padding-top: var(--app-content-top);
  padding-bottom: var(--app-page-padding);
  margin-right: auto;
  margin-left: auto;
}

.section {
  position: relative;
  width: 100%;
}

.title {
  position: absolute;
  z-index: 21;

  top: 0;
  margin: 0;
  padding-left: 0;
  font-size: type.$font-size-xxl;
  font-weight: bolder;
  transform: translateY(-150%);
}