/* screen - index */

.index {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 2850px;
  width: 1440px;
}

.index .header {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 150px;
  min-width: 1440px;
  padding: 31px 75px;
}

.index .logo {
  align-self: flex-start;
  cursor: pointer;
  height: 87px;
  object-fit: cover;
  width: 176px;
}

.index .our-story {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 300px;
  width: 84px;
}

.index .text-2 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 50px;
  text-align: center;
  width: 194px;
}

.index .scholarship {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 50px;
  text-align: center;
  width: 101px;
}

.index .get-involved {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  margin-left: 50px;
  text-align: center;
  width: 110px;
}

.index .overlap-group {
  height: 41px;
  margin-bottom: 1.0px;
  margin-left: 50px;
  position: relative;
  width: 125px;
}

.index .donate-button {
  background-color: var(--candlelight);
  cursor: pointer;
  height: 41px;
  left: 0;
  position: absolute;
  top: 0;
  width: 125px;
}

.index .donate {
  cursor: pointer;
  height: 30px;
  left: 31px;
  letter-spacing: 0;
  position: absolute;
  top: 6px;
  width: 64px;
}

.index .overlap-group4 {
  align-self: flex-end;
  height: 574px;
  position: relative;
  width: 1365px;
  z-index: 4;
}

.index .color-block-1 {
  background-color: var(--eastern-blue);
  height: 502px;
  left: 450px;
  position: absolute;
  top: 0;
  width: 915px;
}

.index .text-box-1 {
  left: 854px;
  letter-spacing: 0;
  position: absolute;
  top: 184px;
  width: 436px;
}

.index .subtitle-1 {
  height: 60px;
  left: 854px;
  letter-spacing: 0;
  position: absolute;
  top: 96px;
  width: 436px;
}

.index .makenna-main-photo-1 {
  height: 478px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 96px;
  width: 720px;
}

.x893 {
  cursor: pointer;
  height: 41px;
  left: 854px;
  opacity: 1;
  position: absolute;
  top: 356px;
  width: 125px;
}

.x893 .rectangle-6-ObziUW {
  border: 2px solid #ffffff;
  height: 41px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 125px;
}

.x893 .learn-more-ObziUW {
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0;
  opacity: 1;
  position: absolute;
  top: 10px;
  width: 101px;
}

.index .overlap-group3 {
  height: 608px;
  margin-top: 68px;
  position: relative;
  width: 1227px;
  z-index: 3;
}

.index .color-block-2 {
  background-color: var(--gold-tips);
  height: 502px;
  left: 0;
  position: absolute;
  top: 53px;
  width: 915px;
}

.index .text-box-2 {
  left: 75px;
  letter-spacing: 0;
  position: absolute;
  top: 237px;
  width: 436px;
}

.index .subtitle-2 {
  height: 47px;
  left: 75px;
  letter-spacing: 0;
  position: absolute;
  top: 149px;
  width: 586px;
}

.index .bucket-list-1 {
  height: 608px;
  left: 756px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 471px;
}

.x8101 {
  cursor: pointer;
  height: 41px;
  left: 75px;
  opacity: 1;
  position: absolute;
  top: 409px;
  width: 125px;
}

.x8101 .rectangle-6-8zW8Qi {
  border: 2px solid #ffffff;
  height: 41px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 125px;
}

.x8101 .learn-more-8zW8Qi {
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0;
  opacity: 1;
  position: absolute;
  top: 10px;
  width: 101px;
}

.index .overlap-group2 {
  align-self: flex-end;
  height: 574px;
  margin-top: 68px;
  position: relative;
  width: 1353px;
  z-index: 2;
}

.index .color-block-3 {
  background-color: var(--siam);
  height: 502px;
  left: 438px;
  position: absolute;
  top: 72px;
  width: 915px;
}

.index .text-box-3 {
  left: 598px;
  letter-spacing: 0;
  position: absolute;
  top: 256px;
  width: 436px;
}

.index .subtitle-3 {
  height: 58px;
  left: 598px;
  letter-spacing: 0;
  position: absolute;
  top: 168px;
  width: 648px;
}

.x8107 {
  cursor: pointer;
  height: 41px;
  left: 598px;
  opacity: 1;
  position: absolute;
  top: 428px;
  width: 125px;
}

.x8107 .rectangle-6-rymg1e {
  border: 2px solid #ffffff;
  height: 41px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 125px;
}

.x8107 .learn-more-rymg1e {
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0;
  opacity: 1;
  position: absolute;
  top: 10px;
  width: 101px;
}

.index .makenna-profile-pic-1 {
  height: 532px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 532px;
}

.index .overlap-group1 {
  height: 502px;
  margin-top: 97px;
  position: relative;
  width: 1333px;
  z-index: 1;
}

.index .color-block-4 {
  background-color: var(--eastern-blue);
  height: 502px;
  left: 0;
  position: absolute;
  top: 0;
  width: 915px;
}

.index .text-box-4 {
  left: 75px;
  letter-spacing: 0;
  position: absolute;
  top: 184px;
  width: 436px;
}

.index .subtitle-4 {
  height: 47px;
  left: 75px;
  letter-spacing: 0;
  position: absolute;
  top: 96px;
  width: 544px;
}

.x8113 {
  cursor: pointer;
  height: 41px;
  left: 75px;
  opacity: 1;
  position: absolute;
  top: 356px;
  width: 125px;
}

.x8113 .rectangle-6-ZBu1CP {
  border: 2px solid #ffffff;
  height: 41px;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 125px;
}

.x8113 .learn-more-ZBu1CP {
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0;
  opacity: 1;
  position: absolute;
  top: 10px;
  width: 101px;
}

.index .makenna-fundraiser-1 {
  height: 502px;
  left: 857px;
  position: absolute;
  top: 0;
  width: 476px;
}

.index .footer {
  align-items: center;
  background-color: var(--black);
  display: flex;
  height: 100px;
  margin-top: 55px;
  min-width: 1440px;
  padding: 30px 75px;
  z-index: 5;
}

.index .text-1 {
  height: 36px;
  letter-spacing: 0;
  width: 280px;
}

.index .contact-us {
  align-self: flex-start;
  cursor: pointer;
  height: 36px;
  letter-spacing: 0;
  margin-left: 785px;
  width: 100px;
}

.index .facebook-1 {
  cursor: pointer;
  height: 25px;
  margin-bottom: 5.0px;
  margin-left: 35px;
  object-fit: cover;
  width: 25px;
}

.index .instagram-1 {
  cursor: pointer;
  height: 30px;
  margin-left: 35px;
  object-fit: cover;
  width: 30px;
}
/* component - 8_93 */

.x893 .rectangle-6-ObziUW {
  background-color: transparent;
  border: 2px solid #ffffff;
  height: 41px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 125px;
}

.x893 .learn-more-ObziUW {
  background-color: transparent;
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 10px;
  width: 101px;
}
/* component - 8_101 */

.x8101 .rectangle-6-8zW8Qi {
  background-color: transparent;
  border: 2px solid #ffffff;
  height: 41px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 125px;
}

.x8101 .learn-more-8zW8Qi {
  background-color: transparent;
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 10px;
  width: 101px;
}
/* component - 8_107 */

.x8107 .rectangle-6-rymg1e {
  background-color: transparent;
  border: 2px solid #ffffff;
  height: 41px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 125px;
}

.x8107 .learn-more-rymg1e {
  background-color: transparent;
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 10px;
  width: 101px;
}
/* component - 8_113 */

.x8113 .rectangle-6-ZBu1CP {
  background-color: transparent;
  border: 2px solid #ffffff;
  height: 41px;
  left: 0px;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 125px;
}

.x8113 .learn-more-ZBu1CP {
  background-color: transparent;
  color: #ffffff;
  font-family: 'Open Sans', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  height: 21px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 10px;
  width: 101px;
}