.nav {
  position: absolute;
  top: 71px;
  left: 0;
  background-color: var(--icon-default-default);
  width: 1440px;
  height: 69px;
}
.about6,
.history11 {
  color: var(--color-white);
  height: 52px;
  cursor: pointer;
}
.about6 {
  position: absolute;
  top: 93px;
  left: 318px;
  display: inline-block;
  width: 91px;
}
.history11 {
  top: 92px;
  left: 515px;
  width: 113px;
}
.awareness8,
.history11,
.welcome-to-the {
  position: absolute;
  display: inline-block;
}
.awareness8 {
  top: 88px;
  left: 955px;
  color: var(--color-white);
  width: 162px;
  height: 52px;
  cursor: pointer;
}
.welcome-to-the {
  top: 206px;
  left: 352px;
  white-space: pre-wrap;
  width: 721px;
  height: 325px;
}
.about-child,
.about-item {
  position: absolute;
  top: 12px;
  left: 13px;
  background-color: var(--color-black);
  width: 204px;
  height: 283px;
}
.about-item {
  top: 0;
  left: 0;
  background-color: var(--color-gainsboro);
}
.about8 {
  position: absolute;
  top: 21px;
  left: 73px;
  font-weight: 900;
}
.learn-about-who {
  position: absolute;
  top: 139px;
  left: 40px;
  font-size: var(--font-size-mini);
  font-family: var(--font-dm-serif-display);
  text-align: center;
  display: inline-block;
  width: 124px;
  height: 91px;
}
.info-icon {
  position: absolute;
  top: 58px;
  left: 68px;
  width: 69px;
  height: 69px;
  overflow: hidden;
  cursor: pointer;
}
.about7 {
  position: absolute;
  top: 349px;
  left: 318px;
  width: 217px;
  height: 295px;
  text-align: left;
  font-size: var(--font-size-xl);
  font-family: var(--font-source-serif-pro);
}
.overall-history-of {
  position: absolute;
  top: 19px;
  left: 24px;
  font-weight: 900;
  display: inline-block;
  width: 144px;
}
.explore-different-tribes1 {
  position: absolute;
  top: 166px;
  left: 20px;
  font-size: var(--font-size-smi);
  font-family: var(--font-dm-serif-display);
  text-align: left;
  display: inline-block;
  width: 177px;
}
.search-icon {
  position: absolute;
  top: 78px;
  left: 70px;
  width: 70px;
  height: 70px;
  cursor: pointer;
}
.history-of-tribes1 {
  position: absolute;
  top: 351px;
  left: 604px;
  width: 217px;
  height: 295px;
  font-size: var(--font-size-xl);
  font-family: var(--font-source-serif-pro);
}
.home-page-child,
.home-page-item {
  position: absolute;
  top: 363px;
  left: 890px;
  background-color: var(--color-black);
  width: 204px;
  height: 283px;
}
.home-page-item {
  top: 354px;
  left: 877px;
  background-color: var(--color-gainsboro);
}
.awareness9,
.learn-more-about {
  position: absolute;
  text-align: left;
}
.awareness9 {
  top: 361px;
  left: 933px;
  font-size: var(--font-size-xl);
  font-weight: 900;
  font-family: var(--font-source-serif-pro);
}
.learn-more-about {
  top: 480px;
  left: 899px;
  font-size: var(--font-size-mini);
  display: inline-block;
  width: 160px;
}
.heart-icon {
  position: absolute;
  top: 390px;
  left: 940px;
  width: 78px;
  height: 78px;
  overflow: hidden;
  cursor: pointer;
}
.footer9 {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-sienna);
  width: 1440px;
  height: 79.8px;
}
.copyright-2024-natsc9 {
  position: absolute;
  top: 25.6px;
  left: calc(50% - 485px);
  font-weight: 800;
  display: inline-block;
  width: 930.5px;
  height: 28.2px;
}
.footer8 {
  position: absolute;
  top: 944.4px;
  left: 0;
  width: 1440px;
  height: 79.8px;
  font-size: var(--font-size-sm);
  font-family: var(--font-open-sans);
}
.timeline-goes-here,
.tribes-of-sc6 {
  position: absolute;
  display: inline-block;
}
.timeline-goes-here {
  top: 712px;
  left: 75px;
  font-size: var(--font-size-13xl);
  text-align: left;
  width: 485px;
  height: 139px;
}
.tribes-of-sc6 {
  top: 89px;
  left: 674px;
  color: var(--color-white);
  width: 265px;
  height: 57px;
  cursor: pointer;
}
.rectangle-div {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-sandybrown);
  width: 1440px;
  height: 71px;
}
.native-american-tribes {
  position: absolute;
  top: 7px;
  left: calc(50% - 467px);
  display: inline-block;
  width: 929px;
}
.header5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 71px;
  font-size: 48px;
  color: var(--icon-default-default);
  font-family: var(--font-inria-serif);
}
.home-page {
  width: 100%;
  position: relative;
  background-color: var(--color-skyblue);
  height: 1024px;
  overflow: hidden;
  text-align: center;
  font-size: var(--font-size-5xl);
  color: var(--color-black);
  font-family: var(--font-dm-serif-text);
}