/* screen - index */

.index {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 838px;
  min-width: 1200px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .copyright-IO3Fu5 {
  background-color: transparent;
  bottom: 122px;
  height: 54px;
  left: 82px;
  position: absolute;
  width: 518px;
}

.index .copyright-2021-rris-design-inc-BxD2pa {
  background-color: transparent;
  bottom: -0.56%;
  height: 56px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 14.4px;
  position: absolute;
  text-align: left;
  width: 100.39%;
}

.index .group-143833-IO3Fu5 {
  background-color: transparent;
  height: 176px;
  left: calc(50.00% - 280px);
  position: absolute;
  top: 300px;
  width: 560px;
}

.index .vector-Yvw9fy {
  background-color: transparent;
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 125px;
  opacity: 0;
}

.index .vector-Yvw9fy.animate-enter35 {
  animation: animate-enter35-frames 3.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes animate-enter35-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index .group-143832-Yvw9fy {
  background-color: transparent;
  display: block;
  height: 100%;
  left: calc(28.88% - 38px);
  position: absolute;
  top: 0px;
  width: 131px;
  opacity: .25;
}

.index .group-143832-Yvw9fy.animate-enter36 {
  animation: animate-enter36-frames 2.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: .25;
}

@keyframes animate-enter36-frames {
  from{opacity: .25;
}
to{opacity: 1;
}
}

.index .heller-posternocrops-xS9EN0 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .lucylinefinal-Yvw9fy {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 124px;
  opacity: 0;
}

.index .lucylinefinal-Yvw9fy.animate-enter37 {
  animation: animate-enter37-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes animate-enter37-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index .morgan-Yvw9fy {
  background-color: transparent;
  display: block;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(32.67% - 59px);
  top: 1px;
  width: 181px;
  opacity: .0;
}

.index .morgan-Yvw9fy.animate-enter38 {
  animation: animate-enter38-frames 3.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: .0;
}

@keyframes animate-enter38-frames {
  from{opacity: .0;
}
to{opacity: 1;
}
}

.index .under-construction-IO3Fu5 {
  background-color: transparent;
  bottom: calc(38.62% - 8px);
  color: #f5bd38;
  font-family: var(--font-family-geomanist-bold);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
  height: 21px;
  letter-spacing: 8.10px;
  line-height: 18px;
  position: absolute;
  right: calc(49.88% - 167px);
  text-align: center;
  white-space: nowrap;
  width: 334px;
}

.index .header-IO3Fu5 {
  background-color: transparent;
  height: 262px;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
}

.index .whitebox-74EEvB {
  background-color: var(--white);
  box-shadow: 0px 3px 6px #edeaea;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .idea-74EEvB {
  background-color: transparent;
  height: 45px;
  position: absolute;
  right: calc(49.97% - 92px);
  top: calc(35.46% - 16px);
  width: 185px;
}

.index .i-shmRuA {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  left: 7px;
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.index .i-shmRuA.animate-enter39 {
  animation: animate-enter39-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter39-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .ellipse-4-Krte1g {
  background-color: var(--amaranth);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-143825-Krte1g {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(49.63% - 2px);
  mix-blend-mode: normal;
  position: absolute;
  width: 4px;
}

.index .path-648-Te2kgY {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .i-AoN10Q {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 45px;
}

.index .i-AoN10Q:hover {
  opacity: 1;
}

.index .ellipse-4-R5RKRN {
  background-color: var(--amaranth);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-143825-R5RKRN {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(49.63% - 3px);
  mix-blend-mode: normal;
  position: absolute;
  width: 6px;
}

.index .path-648-tph7kU {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .d-shmRuA {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: calc(34.83% - 11px);
  position: absolute;
  top: calc(50.00% - 15px);
  width: 31px;
}

.index .ellipse-5-H2mURR {
  background-color: var(--teal-blue);
  border-radius: 15.4px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.index .ellipse-5-H2mURR.animate-enter40 {
  animation: animate-enter40-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter40-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .group-143827-H2mURR {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 6px);
  width: 13px;
}

.index .path-649-3we7Ne {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .e-shmRuA {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: calc(34.83% - 11px);
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.index .e-shmRuA.animate-enter41 {
  animation: animate-enter41-frames 3.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter41-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .ellipse-6-1VMenm {
  background-color: var(--ecstasy);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-143829-1VMenm {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  left: calc(48.67% - 4px);
  mix-blend-mode: normal;
  position: absolute;
  width: 8px;
}

.index .path-650-w4Xlhz {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .a-shmRuA {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 31px;
  position: absolute;
  right: 7px;
  top: calc(50.00% - 15px);
  width: 31px;
  opacity: 0;
transform: translate(-25px, 0);
}

.index .a-shmRuA.animate-enter42 {
  animation: animate-enter42-frames 3.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter42-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .ellipse-7-5LNl2d {
  background-color: var(--pacifika);
  border-radius: 15.4px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-143831-5LNl2d {
  background-color: transparent;
  bottom: calc(50.00% - 7px);
  height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 7px);
  width: 15px;
}

.index .path-651-WVwMrx {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .d-AoN10Q {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: calc(33.33% - 15px);
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.index .d-AoN10Q:hover {
  opacity: 1;
}

.index .ellipse-5-udj2W6 {
  background-color: var(--teal-blue);
  border-radius: 22.31px;
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  opacity: 0;
transform: translate(-25px, 0);
}

.index .ellipse-5-udj2W6.animate-enter43 {
  animation: animate-enter43-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
transform: translate(-25px, 0);
}

@keyframes animate-enter43-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.index .group-143827-udj2W6 {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(45.86% - 8px);
  width: 18px;
}

.index .path-649-UTj6B7 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .e-AoN10Q {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: calc(33.33% - 15px);
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.index .e-AoN10Q:hover {
  opacity: 1;
}

.index .ellipse-6-D7ex67 {
  background-color: var(--ecstasy);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-143829-D7ex67 {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  left: calc(48.67% - 6px);
  mix-blend-mode: normal;
  position: absolute;
  width: 12px;
}

.index .path-650-2szo9T {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .a-AoN10Q {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  right: 0px;
  top: 1px;
  transition: all 0.2s ease;
  width: 45px;
}

.index .a-AoN10Q:hover {
  opacity: 1;
}

.index .ellipse-7-maKmhL {
  background-color: var(--pacifika);
  border-radius: 22.31px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .group-143831-maKmhL {
  background-color: transparent;
  bottom: calc(50.00% - 10px);
  height: 21px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(46.50% - 10px);
  width: 22px;
}

.index .path-651-Dg4e7y {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .illustrator-des-educator-author-74EEvB {
  background-color: transparent;
  bottom: calc(24.35% - 4px);
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 13.6px;
  mix-blend-mode: normal;
  position: absolute;
  right: calc(49.86% - 151px);
  text-align: left;
  white-space: nowrap;
  width: 302px;
}

.index .jackharrisheadline-74EEvB {
  background-color: transparent;
  bottom: calc(38.62% - 16px);
  height: 42px;
  mix-blend-mode: normal;
  object-fit: cover;
  opacity: 0.4;
  position: absolute;
  right: calc(49.96% - 190px);
  width: 381px;
}

.index .component-59-1-IO3Fu5 {
  background-color: transparent;
  height: 31px;
  left: 39px;
  position: fixed;
  top: 25px;
  width: 555px;
}

.index .about-xflgD7 {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  left: 0px;
  pointer-events: auto;
  position: absolute;
  top: -9px;
  transition: all 0.2s ease;
  width: 95px;
}

.index .about-xflgD7:hover {
  transform: scale(1.1);
}

.index .rectangle-1882-kKviZQ {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 0px;
  position: absolute;
  top: 9px;
  width: 100%;
}

.index .about-kKviZQ {
  background-color: transparent;
  height: 21px;
  left: 11px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% - 19px);
}

.index .contact-xflgD7 {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 12px);
  pointer-events: auto;
  position: absolute;
  right: 324px;
  top: -9px;
  transition: all 0.2s ease;
  width: 104px;
}

.index .contact-xflgD7:hover {
  transform: scale(1.1);
}

.index .rectangle-1882-hZbEca {
  background-color: var(--white);
  height: calc(100.00% - 19px);
  left: 4px;
  position: absolute;
  top: 9px;
  width: calc(100.00% - 9px);
}

.index .contact-hZbEca {
  background-color: transparent;
  height: 21px;
  left: 0px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  text-align: center;
  top: 13.16%;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .x-xflgD7 {
  background-color: transparent;
  bottom: -4px;
  height: 21px;
  letter-spacing: 6.30px;
  line-height: 14px;
  position: absolute;
  right: -2px;
  text-align: center;
  white-space: nowrap;
  width: 6px;
}

.index .title-IO3Fu5 {
  background-color: transparent;
  bottom: calc(27.45% - 23px);
  color: #d3d3d3;
  font-family: var(--font-family-futura-book);
  font-size: 66px;
  font-style: normal;
  font-weight: 400;
  height: 82px;
  left: calc(50.00% - 99px);
  letter-spacing: 0.00px;
  line-height: 21px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 198px;
}