/* screen - home */

.home {
  background-color: var(--colorsbackgroundpurple);
  height: 3030px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1440px;
}

.home .footer_bg-1-xl4bh6 {
  background-color: transparent;
  height: 244px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 2786px;
  width: 1440px;
}

.home .copyright-2022-the-n-xl4bh6 {
  background-color: transparent;
  height: auto;
  left: 199px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 2716px;
  width: 1072px;
}

.home .dont-leave-us-in-the-dark-xl4bh6 {
  background-color: transparent;
  height: 262px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 2390px;
  width: 1440px;
}

.home .rectangle-33-olrxye {
  background-color: transparent;
  height: 262px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1440px;
}

.home .dont-leave-us-in-the-dark-olrxye {
  background-color: transparent;
  color: var(--ice-cold);
  font-family: var(--font-family-roboto_slab);
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  height: auto;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  text-shadow: 0px 2px 4px #0000001f;
  top: 83px;
  width: 1072px;
}

.home .if-you-change-school-olrxye {
  background-color: transparent;
  color: transparent;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 137px;
  width: 1070px;
}

.home .span0-HCxoCY {
  font-style: normal;
}

.home .span1-HCxoCY {
  color: var(--black);
  font-style: normal;
  font-weight: 500;
}

.home .span2-HCxoCY {
  font-style: normal;
}

.home .span3-HCxoCY {
  color: var(--ice-cold);
  font-style: normal;
  font-weight: 800;
}

.home .social-media-xl4bh6 {
  background-color: transparent;
  height: 427px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1963px;
  width: 1440px;
}

.home .rectangle-32-VJhZvr {
  background-color: transparent;
  height: 427px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1440px;
}

.home .rectangle-34-VJhZvr {
  background-color: #b9f5e6e6;
  height: 427px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 1440px;
}

.home .were-social-follow-f-VJhZvr {
  background-color: transparent;
  color: var(--colorsbackgroundpurple);
  font-family: var(--font-family-roboto_slab);
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  height: auto;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  text-shadow: 0px 2px 4px #00000014;
  top: 142px;
  width: 521px;
}

.home .image-10-VJhZvr {
  background-color: transparent;
  height: 275px;
  left: 731px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 80px;
  width: 530px;
}

.home .ellipse-1-VJhZvr {
  background-color: var(--white);
  border-radius: 15px;
  height: 30px;
  left: 184px;
  mix-blend-mode: normal;
  position: absolute;
  top: 245px;
  width: 30px;
}

.home .vector-VJhZvr {
  background-color: transparent;
  height: 16px;
  left: 195px;
  mix-blend-mode: normal;
  position: absolute;
  top: 252px;
  width: 8px;
}

.home .ellipse-2-VJhZvr {
  background-color: var(--white);
  border-radius: 15px;
  height: 30px;
  left: 222px;
  mix-blend-mode: normal;
  position: absolute;
  top: 245px;
  width: 30px;
}

.home .vector-NUAWWB {
  background-color: transparent;
  height: 13px;
  left: 230px;
  mix-blend-mode: normal;
  position: absolute;
  top: 254px;
  width: 16px;
}

.home .ellipse-3-VJhZvr {
  background-color: var(--white);
  border-radius: 15px;
  height: 30px;
  left: 260px;
  mix-blend-mode: normal;
  position: absolute;
  top: 245px;
  width: 30px;
}

.home .vector-o9si5O {
  background-color: transparent;
  height: 16px;
  left: 267px;
  mix-blend-mode: normal;
  position: absolute;
  top: 252px;
  width: 16px;
}

.home .ellipse-4-VJhZvr {
  background-color: var(--white);
  border-radius: 15px;
  height: 30px;
  left: 298px;
  mix-blend-mode: normal;
  position: absolute;
  top: 245px;
  width: 30px;
}

.home .vector-uU6Yzp {
  background-color: transparent;
  height: 12px;
  left: 308px;
  mix-blend-mode: normal;
  position: absolute;
  top: 253px;
  width: 12px;
}

.home .ellipse-5-VJhZvr {
  background-color: var(--white);
  border-radius: 15px;
  height: 30px;
  left: 336px;
  mix-blend-mode: normal;
  position: absolute;
  top: 246px;
  width: 30px;
}

.home .vector-gxG1CY {
  background-color: transparent;
  height: 16px;
  left: 345px;
  mix-blend-mode: normal;
  position: absolute;
  top: 253px;
  width: 13px;
}

.home .ellipse-6-VJhZvr {
  background-color: var(--white);
  border-radius: 15px;
  height: 30px;
  left: 374px;
  mix-blend-mode: normal;
  position: absolute;
  top: 246px;
  width: 30px;
}

.home .vector-P8U1t8 {
  background-color: transparent;
  height: 10px;
  left: 381px;
  mix-blend-mode: normal;
  position: absolute;
  top: 256px;
  width: 16px;
}

.home .frame-1-xl4bh6 {
  background-color: var(--white);
  height: 1188px;
  left: 0px;
  mix-blend-mode: normal;
  overflow: hidden;
  position: absolute;
  top: 775px;
  width: 1440px;
}

.home .back-to-need-B29Bwu {
  background-color: transparent;
  height: 289px;
  left: 915px;
  position: absolute;
  top: 827px;
  width: 345px;
}

.home .coming-soon-in-2022-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 547px;
  position: absolute;
  top: 827px;
  width: 345px;
}

.home .sponsors-and-partners-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 179px;
  position: absolute;
  top: 827px;
  width: 345px;
}

.home .tab-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 915px;
  position: absolute;
  top: 506px;
  width: 345px;
}

.home .student-outreach-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 548px;
  position: absolute;
  top: 506px;
  width: 345px;
}

.home .energy-workshops-and-conferences-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 179px;
  position: absolute;
  top: 506px;
  width: 345px;
}

.home .youth-awards-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 915px;
  position: absolute;
  top: 185px;
  width: 345px;
}

.home .new-energy-endeavors-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 546px;
  position: absolute;
  top: 185px;
  width: 346px;
}

.home .curriculum-B29Bwu {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 179px;
  position: absolute;
  top: 185px;
  width: 345px;
}

.home .financials-xl4bh6 {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 915px;
  position: absolute;
  top: 639px;
  width: 345px;
}

.home .board-and-staff-xl4bh6 {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 548px;
  position: absolute;
  top: 639px;
  width: 345px;
}

.home .message-from-exec-director-xl4bh6 {
  background-color: transparent;
  cursor: pointer;
  height: 289px;
  left: 180px;
  position: absolute;
  top: 639px;
  width: 345px;
}

.home .group-86-xl4bh6 {
  background-color: transparent;
  height: 220px;
  left: 918px;
  position: absolute;
  top: 299px;
  width: 337px;
}

.home .home-main-text-xl4bh6 {
  background-color: transparent;
  height: 255px;
  left: 184px;
  overflow: hidden;
  position: absolute;
  top: 282px;
  width: 706px;
}

.home .main-text-wCLuaB {
  background-color: transparent;
  height: 253px;
  left: 8px;
  position: relative;
  top: 2px;
  width: 696px;
}

.home .x2021-a-year-in-review-bdByFm {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 55px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  text-shadow: 0px 4px 4px #0000001a;
  top: 0px;
  white-space: nowrap;
  width: 705px;
}

.home .innovation-informati-bdByFm {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 67px;
  width: 705px;
}

.home .span0-L8yGdx {
  line-height: 24px;
}

.home .span1-L8yGdx {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.home .need-continues-to-wo-bdByFm {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: -0.14px;
  line-height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 127px;
  width: 695px;
}

.home .header_bg-1-xl4bh6 {
  background-color: transparent;
  height: 244px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1440px;
}