/* screen - index */

.index {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3075px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .group-52-C61RwL {
  --z-index: 0;
  background-color: transparent;
  height: 1219px;
  left: 204px;
  opacity: 1;
  position: absolute;
  top: 203px;
  width: 1516px;
}

.index .group-53-odKgLo {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 33px);
  left: 15px;
  opacity: 1;
  position: absolute;
  top: 17px;
  width: 421px;
}

.index .group-31-x1NJQx {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 524px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index .post-Ufrnq2 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index .metadata-c4EDVk {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index .post-title-tagh5-c4EDVk {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .category-tagui_s-c4EDVk {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index .hd-wallpaper-monkey-Ufrnq2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.10% - 159px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index .hd-wallpaper-monkey-Ufrnq2:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index .riza-hawkeyefull2935188-Ufrnq2 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 276px;
  left: 21px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 198px;
}

.index .riza-hawkeyefull2935188-Ufrnq2:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index .erza-scarlet-fairy-t-Ufrnq2 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(46.31% - 152px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -9px;
  transition: all 0.3s ease;
  width: 245px;
}

.index .erza-scarlet-fairy-t-Ufrnq2:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index .x612e8cc9d2c2c5af79f29494746b308f-Ufrnq2 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 21px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index .x612e8cc9d2c2c5af79f29494746b308f-Ufrnq2:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index .colleen-clinkenbeard-headshot-Ufrnq2 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  transition: all 0.2s ease;
  width: 256px;
}

.index .colleen-clinkenbeard-headshot-Ufrnq2:hover {
  transform: scale(1.1);
}

.index .group-25-x1NJQx {
  --z-index: 1;
  background-color: transparent;
  height: 523px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .bo10-hcz-qSoX2H {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/bo10hcz@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index .bo10-hcz-qSoX2H:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index .x3598739-azusa-yumi-qSoX2H {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/3598739-azusa-yumi-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index .x3598739-azusa-yumi-qSoX2H:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index .uwp1043985-qSoX2H {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/uwp1043985-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -9px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index .uwp1043985-qSoX2H:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index .x32470-qSoX2H {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/32470@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index .x32470-qSoX2H:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index .brina_-palencia_by_-gage_-skidmore-qSoX2H {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/brina-palencia-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index .brina_-palencia_by_-gage_-skidmore-qSoX2H:hover {
  transform: scale(1.1);
}

.index .post-qSoX2H {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 82px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index .metadata-qmiLpB {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index .post-title-tagh5-qmiLpB {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .category-tagui_s-qmiLpB {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index .group-54-odKgLo {
  --z-index: 1;
  background-color: transparent;
  height: calc(100.00% - 30px);
  left: calc(50.00% - 211px);
  opacity: 1;
  position: absolute;
  top: 15px;
  width: 421px;
}

.index .group-26-rg0T5v {
  --z-index: 0;
  background-color: transparent;
  height: 526px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .x204821-exa10J {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/204821-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(47.70% - 158px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index .x204821-exa10J:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index .x112672-yeager-eren-render-png-file-hd-exa10J {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 301px;
  left: 3px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 216px;
}

.index .x112672-yeager-eren-render-png-file-hd-exa10J:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index .meliodas-exa10J {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/meliodas-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(45.94% - 150px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index .meliodas-exa10J:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index .wallpapersdencom_has-exa10J {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 22px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index .wallpapersdencom_has-exa10J:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index .mv5-bzge2-mw-nm-yz-a-exa10J {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 57px;
  transition: all 0.2s ease;
  width: 256px;
}

.index .mv5-bzge2-mw-nm-yz-a-exa10J:hover {
  transform: scale(1.1);
}

.index .post-exa10J {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index .metadata-RsvPLv {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index .post-title-tagh5-RsvPLv {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .category-tagui_s-RsvPLv {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index .group-32-rg0T5v {
  --z-index: 1;
  background-color: transparent;
  bottom: 0px;
  height: 523px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index .post-exnOWd {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index .metadata-NpsUH3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index .post-title-tagh5-NpsUH3 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .category-tagui_s-NpsUH3 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index .vato-falman600998279-exnOWd {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index .vato-falman600998279-exnOWd:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index .b2f715982d42fe90515e814662c83ffa-exnOWd {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index .b2f715982d42fe90515e814662c83ffa-exnOWd:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index .x944084-exnOWd {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/944084-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index .x944084-exnOWd:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index .tumblr_nkq4p9-xj-ua1qdolljo1_500-exnOWd {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index .tumblr_nkq4p9-xj-ua1qdolljo1_500-exnOWd:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index .kyle_-hebert_by_-gage_-skidmore-exnOWd {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index .kyle_-hebert_by_-gage_-skidmore-exnOWd:hover {
  transform: scale(1.1);
}

.index .group-55-odKgLo {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 33px);
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 16px;
  width: 421px;
}

.index .group-27-Piwuj9 {
  --z-index: 0;
  background-color: transparent;
  height: 523px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .post-5yw3u6 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index .metadata-XZtNMX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index .post-title-tagh5-XZtNMX {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .category-tagui_s-XZtNMX {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index .best-facts-about-vegeta-dbz-5yw3u6 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index .best-facts-about-vegeta-dbz-5yw3u6:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index .screen-4-5yw3u6 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/screen-4@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index .screen-4-5yw3u6:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index .x310613-5yw3u6 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/310613@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index .x310613-5yw3u6:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index .x338843-5yw3u6 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/338843@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index .x338843-5yw3u6:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index .christopher_-sabat_49644852593-5yw3u6 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index .christopher_-sabat_49644852593-5yw3u6:hover {
  transform: scale(1.1);
}

.index .group-33-Piwuj9 {
  --z-index: 1;
  background-color: transparent;
  bottom: 0px;
  height: 523px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index .post-VbBBDY {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index .metadata-xn7NLA {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index .post-title-tagh5-xn7NLA {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .category-tagui_s-xn7NLA {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index .cole_cassidy-VbBBDY {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-5@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index .cole_cassidy-VbBBDY:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index .jotaro_sc_-infobox_-manga-VbBBDY {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index .jotaro_sc_-infobox_-manga-VbBBDY:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index .x174519-VbBBDY {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/174519@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index .x174519-VbBBDY:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index .x152c86196f4b6e5e4a6b501fa542f2a5-VbBBDY {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-5@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index .x152c86196f4b6e5e4a6b501fa542f2a5-VbBBDY:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index .matthew_-mercer_by_-gage_-skidmore-VbBBDY {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-7@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index .matthew_-mercer_by_-gage_-skidmore-VbBBDY:hover {
  transform: scale(1.1);
}

.index .footer-C61RwL {
  --z-index: 1;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-1@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index .our-mission-C61RwL {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(27.80% - 222px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index .image-C61RwL {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(31.26% - 118px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index .h6-stylestyle2tagh5-C61RwL {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(26.12% - 9px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index .h6-stylestyle2tagp-C61RwL {
  --z-index: 5;
  background-color: transparent;
  bottom: calc(24.54% - 6px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index .group-20-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: calc(23.03% - 5px);
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index .group-3-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(28.20% - 213px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index .header-nav-C61RwL {
  --z-index: 8;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-3@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}
/* screen - index-4 */

.index-4 {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3662px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-4 .colleen-C61RwL {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 2543px);
  left: calc(50.00% - 960px);
  opacity: 1;
  position: absolute;
  top: 937px;
  width: 1920px;
}

.index-4 .colleen-clinkenbeard-yeOm0m {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-4 .image-fly-out-sCFyNg {
  --z-index: 0;
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 657px);
  left: 275px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1613px);
}

.index-4 .colleen-clinkenbeard-headshot-RWUlxx {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-8@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 14px);
  left: 1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 6px);
}

.index-4 .post-sCFyNg {
  --z-index: 1;
  background-color: transparent;
  bottom: 814px;
  height: 62px;
  left: 302px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1668px);
}

.index-4 .metadata-KVCRtF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-4 .post-title-tagh5-KVCRtF {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .category-tagui_s-KVCRtF {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-4 .rectangle-15-sCFyNg {
  --z-index: 2;
  background-color: #ffffff;
  border-radius: 0px 15px 15px 0px;
  box-shadow: 0px 20px 1px #00000029;
  cursor: pointer;
  height: calc(100.00% - 479px);
  left: 485px;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: calc(100.00% - 485px);
}

.index-4 .colleen-clinkenbeard-headshot-sCFyNg {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-7@1x.png);
  background-size: 100% 100%;
  border-radius: 15px 0px 0px 15px;
  cursor: pointer;
  height: calc(100.00% - 458px);
  left: -2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: 488px;
}

.index-4 .scroll-group-4-sCFyNg::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index-4 .scroll-group-4-sCFyNg {
  --z-index: 4;
  background-color: transparent;
  bottom: 40px;
  height: 174px;
  mix-blend-mode: normal;
  opacity: 1;
  overflow-y: scroll;
  position: absolute;
  right: 45px;
  width: 1344px;
}

.index-4 .colleen-clinkenbeard-yMK4bU {
  --z-index: 0;
  background-color: transparent;
  color: #340999;
  font-family: 'Corbel-Regular', Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 1346px;
}

.index-4 .erza-scarlet-fairy-t-sCFyNg {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings-6@1x.png);
  background-size: 100% 100%;
  bottom: 235px;
  height: 375px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 75px;
  width: 250px;
}

.index-4 .hd-wallpaper-monkey-sCFyNg {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie-6@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 568px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 248px;
}

.index-4 .riza-hawkeyefull2935188-sCFyNg {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188-6@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 910px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 252px;
}

.index-4 .x612e8cc9d2c2c5af79f29494746b308f-sCFyNg {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-6@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 417px;
  width: 250px;
}

.index-4 .post-EwYx5S {
  --z-index: 9;
  background-color: transparent;
  bottom: 1254px;
  height: 0px;
  left: 301px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1920px);
}

.index-4 .metadata-zOBHu3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -38px;
  width: 12px;
}

.index-4 .polygon-1-sCFyNg {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/polygon-1-1@1x.png);
  background-size: 100% 100%;
  bottom: 637px;
  cursor: pointer;
  height: 22px;
  left: calc(21.69% - 11px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 52px;
}

.index-4 .group-32-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: calc(28.11% - 147px);
  width: 421px;
}

.index-4 .post-rXywx8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-4 .metadata-x1oVHo {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-4 .post-title-tagh5-x1oVHo {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .category-tagui_s-x1oVHo {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-4 .vato-falman600998279-rXywx8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-4 .vato-falman600998279-rXywx8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-4 .b2f715982d42fe90515e814662c83ffa-rXywx8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-4 .b2f715982d42fe90515e814662c83ffa-rXywx8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-4 .x944084-rXywx8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/944084-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-4 .x944084-rXywx8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-4 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-4 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-4 .kyle_-hebert_by_-gage_-skidmore-rXywx8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-4 .kyle_-hebert_by_-gage_-skidmore-rXywx8:hover {
  transform: scale(1.1);
}

.index-4 .group-27-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: 220px;
  width: 421px;
}

.index-4 .post-BKbGut {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-4 .metadata-KRSsp6 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-4 .post-title-tagh5-KRSsp6 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .category-tagui_s-KRSsp6 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-4 .best-facts-about-vegeta-dbz-BKbGut {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-4 .best-facts-about-vegeta-dbz-BKbGut:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-4 .screen-4-BKbGut {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/screen-4-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-4 .screen-4-BKbGut:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-4 .x310613-BKbGut {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/310613-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-4 .x310613-BKbGut:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-4 .x338843-BKbGut {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/338843-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-4 .x338843-BKbGut:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-4 .christopher_-sabat_49644852593-BKbGut {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-4 .christopher_-sabat_49644852593-BKbGut:hover {
  transform: scale(1.1);
}

.index-4 .group-33-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: calc(28.11% - 147px);
  width: 421px;
}

.index-4 .post-uEDaR8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-4 .metadata-x8L15D {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-4 .post-title-tagh5-x8L15D {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .category-tagui_s-x8L15D {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-4 .cole_cassidy-uEDaR8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-5@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-4 .cole_cassidy-uEDaR8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-4 .jotaro_sc_-infobox_-manga-uEDaR8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga-5@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-4 .jotaro_sc_-infobox_-manga-uEDaR8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-4 .x174519-uEDaR8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/174519-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-4 .x174519-uEDaR8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-4 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-5@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-4 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-4 .matthew_-mercer_by_-gage_-skidmore-uEDaR8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-7@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-4 .matthew_-mercer_by_-gage_-skidmore-uEDaR8:hover {
  transform: scale(1.1);
}

.index-4 .group-34-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 523px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: 220px;
  width: 421px;
}

.index-4 .bo10-hcz-qQAETk {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/bo10hcz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-4 .bo10-hcz-qQAETk:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-4 .x3598739-azusa-yumi-qQAETk {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/3598739-azusa-yumi-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-4 .x3598739-azusa-yumi-qQAETk:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-4 .uwp1043985-qQAETk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/uwp1043985-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-4 .uwp1043985-qQAETk:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-4 .x32470-qQAETk {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/32470-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-4 .x32470-qQAETk:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-4 .brina_-palencia_by_-gage_-skidmore-qQAETk {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/brina-palencia-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-4 .brina_-palencia_by_-gage_-skidmore-qQAETk:hover {
  transform: scale(1.1);
}

.index-4 .post-qQAETk {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 82px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-4 .metadata-tmTfgf {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-4 .post-title-tagh5-tmTfgf {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .category-tagui_s-tmTfgf {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-4 .group-36-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 526px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: 218px;
  width: 421px;
}

.index-4 .x204821-tHRLWN {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/204821-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(47.70% - 158px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-4 .x204821-tHRLWN:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-4 .x112672-yeager-eren-render-png-file-hd-tHRLWN {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 301px;
  left: 3px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 216px;
}

.index-4 .x112672-yeager-eren-render-png-file-hd-tHRLWN:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-4 .meliodas-tHRLWN {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/meliodas-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(45.94% - 150px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-4 .meliodas-tHRLWN:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-4 .wallpapersdencom_has-tHRLWN {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 22px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-4 .wallpapersdencom_has-tHRLWN:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-4 .mv5-bzge2-mw-nm-yz-a-tHRLWN {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 57px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-4 .mv5-bzge2-mw-nm-yz-a-tHRLWN:hover {
  transform: scale(1.1);
}

.index-4 .post-tHRLWN {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-4 .metadata-NxBsSE {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-4 .post-title-tagh5-NxBsSE {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .category-tagui_s-NxBsSE {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-4 .footer-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index-4 .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index-4 .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index-4 .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index-4 .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-4 .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index-4 .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index-4 .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index-4 .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02-3@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-4 .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-3@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index-4 .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-4 .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-4 .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-4 .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-4 .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-4 .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index-4 .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index-4 .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-4 .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index-4 .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-4 .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index-4 .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-4 .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-4 .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index-4 .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index-4 .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index-4 .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index-4 .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-4 .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-4 .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index-4 .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-4 .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index-4 .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index-4 .our-mission-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(22.10% - 176px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index-4 .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index-4 .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index-4 .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index-4 .image-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(25.67% - 97px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-4 .h6-stylestyle2tagh5-C61RwL {
  --z-index: 9;
  background-color: transparent;
  bottom: calc(21.89% - 8px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index-4 .h6-stylestyle2tagp-C61RwL {
  --z-index: 10;
  background-color: transparent;
  bottom: calc(20.58% - 5px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index-4 .group-20-C61RwL {
  --z-index: 11;
  background-color: transparent;
  bottom: 704px;
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index-4 .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index-4 .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-4 .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-2@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-4 .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index-4 .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-4 .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index-4 .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index-4 .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index-4 .group-3-C61RwL {
  --z-index: 12;
  background-color: transparent;
  bottom: calc(22.51% - 170px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index-4 .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index-4 .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index-4 .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-4 .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-4 .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-4 .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-4 .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index-4 .header-nav-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index-4 .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  cursor: pointer;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index-4 .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index-4 .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-4 .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index-4 .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-4 .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index-4 .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index-4 .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index-4 .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index-4 .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-4 .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index-4 .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index-4 .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index-4 .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-4 .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index-4 .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index-4 .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-4 .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-4 .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index-4 .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-4 .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-4 .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-4 .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index-4 .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-4@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}
/* screen - index-1 */

.index-1 {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3662px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-1 .brina-palencia-C61RwL {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/brina-palencia@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% - 2521px);
  left: -2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 275px;
  width: 1923px;
}

.index-1 .group-27-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: 220px;
  width: 421px;
}

.index-1 .post-BKbGut {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-1 .metadata-KRSsp6 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-1 .post-title-tagh5-KRSsp6 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .category-tagui_s-KRSsp6 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-1 .best-facts-about-vegeta-dbz-BKbGut {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-1 .best-facts-about-vegeta-dbz-BKbGut:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-1 .screen-4-BKbGut {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/screen-4-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-1 .screen-4-BKbGut:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-1 .x310613-BKbGut {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/310613-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-1 .x310613-BKbGut:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-1 .x338843-BKbGut {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/338843-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-1 .x338843-BKbGut:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-1 .christopher_-sabat_49644852593-BKbGut {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-1 .christopher_-sabat_49644852593-BKbGut:hover {
  transform: scale(1.1);
}

.index-1 .group-33-C61RwL {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(49.60% - 259px);
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  width: 421px;
}

.index-1 .post-uEDaR8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-1 .metadata-x8L15D {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-1 .post-title-tagh5-x8L15D {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .category-tagui_s-x8L15D {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-1 .cole_cassidy-uEDaR8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-1 .cole_cassidy-uEDaR8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-1 .jotaro_sc_-infobox_-manga-uEDaR8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-1 .jotaro_sc_-infobox_-manga-uEDaR8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-1 .x174519-uEDaR8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/174519-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-1 .x174519-uEDaR8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-1 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-1 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-1 .matthew_-mercer_by_-gage_-skidmore-uEDaR8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-1 .matthew_-mercer_by_-gage_-skidmore-uEDaR8:hover {
  transform: scale(1.1);
}

.index-1 .group-26-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 526px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: 218px;
  width: 421px;
}

.index-1 .x204821-aRbOOb {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/204821-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(47.70% - 158px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-1 .x204821-aRbOOb:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-1 .x112672-yeager-eren-render-png-file-hd-aRbOOb {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 301px;
  left: 3px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 216px;
}

.index-1 .x112672-yeager-eren-render-png-file-hd-aRbOOb:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-1 .meliodas-aRbOOb {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/meliodas-7@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(45.94% - 150px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-1 .meliodas-aRbOOb:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-1 .wallpapersdencom_has-aRbOOb {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 22px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-1 .wallpapersdencom_has-aRbOOb:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-1 .mv5-bzge2-mw-nm-yz-a-aRbOOb {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 57px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-1 .mv5-bzge2-mw-nm-yz-a-aRbOOb:hover {
  transform: scale(1.1);
}

.index-1 .post-aRbOOb {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-1 .metadata-kL2C8a {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-1 .post-title-tagh5-kL2C8a {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .category-tagui_s-kL2C8a {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-1 .group-32-C61RwL {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(49.60% - 259px);
  height: 523px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  width: 421px;
}

.index-1 .post-rXywx8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-1 .metadata-x1oVHo {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-1 .post-title-tagh5-x1oVHo {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .category-tagui_s-x1oVHo {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-1 .vato-falman600998279-rXywx8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-1 .vato-falman600998279-rXywx8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-1 .b2f715982d42fe90515e814662c83ffa-rXywx8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-4@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-1 .b2f715982d42fe90515e814662c83ffa-rXywx8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-1 .x944084-rXywx8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/944084-4@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-1 .x944084-rXywx8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-1 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-1 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-1 .kyle_-hebert_by_-gage_-skidmore-rXywx8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-1 .kyle_-hebert_by_-gage_-skidmore-rXywx8:hover {
  transform: scale(1.1);
}

.index-1 .group-31-C61RwL {
  --z-index: 5;
  background-color: transparent;
  bottom: calc(49.62% - 260px);
  height: 524px;
  left: 219px;
  opacity: 1;
  position: absolute;
  width: 421px;
}

.index-1 .post-I5cRPp {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-1 .metadata-lCJN5x {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-1 .post-title-tagh5-lCJN5x {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .category-tagui_s-lCJN5x {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-1 .hd-wallpaper-monkey-I5cRPp {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.10% - 159px);
  cursor: pointer;
  height: 330px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-1 .hd-wallpaper-monkey-I5cRPp:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-1 .riza-hawkeyefull2935188-I5cRPp {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188-7@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 276px;
  left: 21px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 198px;
}

.index-1 .riza-hawkeyefull2935188-I5cRPp:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-1 .erza-scarlet-fairy-t-I5cRPp {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(46.31% - 152px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-1 .erza-scarlet-fairy-t-I5cRPp:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-1 .x612e8cc9d2c2c5af79f29494746b308f-I5cRPp {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 21px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-1 .x612e8cc9d2c2c5af79f29494746b308f-I5cRPp:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-1 .colleen-clinkenbeard-headshot-I5cRPp {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-1 .colleen-clinkenbeard-headshot-I5cRPp:hover {
  transform: scale(1.1);
}

.index-1 .footer-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index-1 .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index-1 .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index-1 .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index-1 .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-1 .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index-1 .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index-1 .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index-1 .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02-5@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-1 .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-1@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index-1 .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-1 .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-1 .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-1 .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-1 .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-1 .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index-1 .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index-1 .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-1 .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index-1 .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-1 .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index-1 .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-1 .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-1 .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index-1 .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index-1 .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index-1 .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index-1 .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-1 .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-1 .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index-1 .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-1 .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index-1 .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index-1 .our-mission-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(22.10% - 176px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index-1 .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index-1 .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index-1 .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index-1 .image-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(25.67% - 97px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-1 .h6-stylestyle2tagh5-C61RwL {
  --z-index: 9;
  background-color: transparent;
  bottom: calc(21.89% - 8px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index-1 .h6-stylestyle2tagp-C61RwL {
  --z-index: 10;
  background-color: transparent;
  bottom: calc(20.58% - 5px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index-1 .group-20-C61RwL {
  --z-index: 11;
  background-color: transparent;
  bottom: 704px;
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index-1 .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index-1 .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-1 .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-2@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-1 .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index-1 .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-1 .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index-1 .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index-1 .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index-1 .group-3-C61RwL {
  --z-index: 12;
  background-color: transparent;
  bottom: calc(22.51% - 170px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index-1 .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index-1 .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index-1 .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-1 .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-1 .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-1 .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-1 .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index-1 .header-nav-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index-1 .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  cursor: pointer;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index-1 .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index-1 .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-1 .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index-1 .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-1 .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index-1 .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index-1 .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index-1 .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index-1 .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-1 .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index-1 .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index-1 .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index-1 .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-1 .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index-1 .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index-1 .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-1 .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-1 .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index-1 .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-1 .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-1 .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-1 .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index-1 .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}
/* screen - index-2 */

.index-2 {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3662px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-2 .bryce-C61RwL {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 2543px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 275px;
  width: 1917px;
}

.index-2 .bryce-papenbrook-TVHVSQ {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 1917px;
}

.index-2 .post-I2QDis {
  --z-index: 0;
  background-color: transparent;
  bottom: 814px;
  height: 62px;
  left: 831px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1665px);
}

.index-2 .metadata-CR40jp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-2 .post-title-tagh5-CR40jp {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .category-tagui_s-CR40jp {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-2 .rectangle-15-I2QDis {
  --z-index: 1;
  background-color: #ffffff;
  border-radius: 0px 15px 15px 0px;
  box-shadow: 0px 20px 1px #00000029;
  cursor: pointer;
  height: calc(100.00% - 479px);
  left: 485px;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: calc(100.00% - 485px);
}

.index-2 .mv5-bzge2-mw-nm-yz-a-I2QDis {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-5@1x.png);
  background-size: 100% 100%;
  border-radius: 15px 0px 0px 15px;
  cursor: pointer;
  height: calc(100.00% - 458px);
  left: -2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: 488px;
}

.index-2 .scroll-group-4-I2QDis::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index-2 .scroll-group-4-I2QDis {
  --z-index: 3;
  background-color: transparent;
  bottom: 40px;
  height: 174px;
  mix-blend-mode: normal;
  opacity: 1;
  overflow-y: scroll;
  position: absolute;
  right: 42px;
  width: 1344px;
}

.index-2 .bryce-papenbrook-was-A3k7AA {
  --z-index: 0;
  background-color: transparent;
  color: #340999;
  font-family: 'Corbel-Regular', Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 1346px;
}

.index-2 .meliodas-I2QDis {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/meliodas-4@1x.png);
  background-size: 100% 100%;
  bottom: 235px;
  height: 375px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 72px;
  width: 250px;
}

.index-2 .x204821-I2QDis {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/204821-4@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 568px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 248px;
}

.index-2 .x112672-yeager-eren-render-png-file-hd-I2QDis {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-4@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 910px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 252px;
}

.index-2 .wallpapersdencom_has-I2QDis {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992-4@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 414px;
  width: 250px;
}

.index-2 .post-EaF0La {
  --z-index: 8;
  background-color: transparent;
  bottom: 1254px;
  height: 0px;
  left: 830px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1917px);
}

.index-2 .metadata-la68L2 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -38px;
  width: 12px;
}

.index-2 .image-fly-out-I2QDis {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 657px);
  left: 804px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1610px);
}

.index-2 .mv5-bzge2-mw-nm-yz-a-Pl9J57 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-6@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 14px);
  left: 1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 6px);
}

.index-2 .polygon-1-I2QDis {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/polygon-1-1@1x.png);
  background-size: 100% 100%;
  bottom: 637px;
  cursor: pointer;
  height: 22px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.91% - 26px);
  width: 52px;
}

.index-2 .group-32-C61RwL {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(49.60% - 259px);
  height: 523px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  width: 421px;
}

.index-2 .post-rXywx8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-2 .metadata-x1oVHo {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-2 .post-title-tagh5-x1oVHo {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .category-tagui_s-x1oVHo {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-2 .vato-falman600998279-rXywx8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-2 .vato-falman600998279-rXywx8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-2 .b2f715982d42fe90515e814662c83ffa-rXywx8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-4@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-2 .b2f715982d42fe90515e814662c83ffa-rXywx8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-2 .x944084-rXywx8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/944084-4@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-2 .x944084-rXywx8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-2 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-2 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-2 .kyle_-hebert_by_-gage_-skidmore-rXywx8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-2 .kyle_-hebert_by_-gage_-skidmore-rXywx8:hover {
  transform: scale(1.1);
}

.index-2 .group-27-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: 220px;
  width: 421px;
}

.index-2 .post-BKbGut {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-2 .metadata-KRSsp6 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-2 .post-title-tagh5-KRSsp6 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .category-tagui_s-KRSsp6 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-2 .best-facts-about-vegeta-dbz-BKbGut {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-2 .best-facts-about-vegeta-dbz-BKbGut:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-2 .screen-4-BKbGut {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/screen-4-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-2 .screen-4-BKbGut:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-2 .x310613-BKbGut {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/310613-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-2 .x310613-BKbGut:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-2 .x338843-BKbGut {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/338843-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-2 .x338843-BKbGut:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-2 .christopher_-sabat_49644852593-BKbGut {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-2 .christopher_-sabat_49644852593-BKbGut:hover {
  transform: scale(1.1);
}

.index-2 .group-33-C61RwL {
  --z-index: 3;
  background-color: transparent;
  bottom: calc(49.60% - 259px);
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  width: 421px;
}

.index-2 .post-uEDaR8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-2 .metadata-x8L15D {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-2 .post-title-tagh5-x8L15D {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .category-tagui_s-x8L15D {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-2 .cole_cassidy-uEDaR8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-2 .cole_cassidy-uEDaR8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-2 .jotaro_sc_-infobox_-manga-uEDaR8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-2 .jotaro_sc_-infobox_-manga-uEDaR8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-2 .x174519-uEDaR8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/174519-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-2 .x174519-uEDaR8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-2 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-2 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-2 .matthew_-mercer_by_-gage_-skidmore-uEDaR8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-2 .matthew_-mercer_by_-gage_-skidmore-uEDaR8:hover {
  transform: scale(1.1);
}

.index-2 .group-31-C61RwL {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(49.62% - 260px);
  height: 524px;
  left: 219px;
  opacity: 1;
  position: absolute;
  width: 421px;
}

.index-2 .post-I5cRPp {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-2 .metadata-lCJN5x {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-2 .post-title-tagh5-lCJN5x {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .category-tagui_s-lCJN5x {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-2 .hd-wallpaper-monkey-I5cRPp {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.10% - 159px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-2 .hd-wallpaper-monkey-I5cRPp:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-2 .riza-hawkeyefull2935188-I5cRPp {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 276px;
  left: 21px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 198px;
}

.index-2 .riza-hawkeyefull2935188-I5cRPp:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-2 .erza-scarlet-fairy-t-I5cRPp {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(46.31% - 152px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-2 .erza-scarlet-fairy-t-I5cRPp:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-2 .x612e8cc9d2c2c5af79f29494746b308f-I5cRPp {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 21px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-2 .x612e8cc9d2c2c5af79f29494746b308f-I5cRPp:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-2 .colleen-clinkenbeard-headshot-I5cRPp {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-2 .colleen-clinkenbeard-headshot-I5cRPp:hover {
  transform: scale(1.1);
}

.index-2 .group-34-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 523px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: 220px;
  width: 421px;
}

.index-2 .bo10-hcz-qQAETk {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/bo10hcz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-2 .bo10-hcz-qQAETk:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-2 .x3598739-azusa-yumi-qQAETk {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/3598739-azusa-yumi-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-2 .x3598739-azusa-yumi-qQAETk:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-2 .uwp1043985-qQAETk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/uwp1043985-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-2 .uwp1043985-qQAETk:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-2 .x32470-qQAETk {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/32470-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-2 .x32470-qQAETk:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-2 .brina_-palencia_by_-gage_-skidmore-qQAETk {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/brina-palencia-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-2 .brina_-palencia_by_-gage_-skidmore-qQAETk:hover {
  transform: scale(1.1);
}

.index-2 .post-qQAETk {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 82px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-2 .metadata-tmTfgf {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-2 .post-title-tagh5-tmTfgf {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .category-tagui_s-tmTfgf {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-2 .footer-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index-2 .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index-2 .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index-2 .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index-2 .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-2 .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index-2 .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index-2 .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index-2 .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02-5@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-2 .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-1@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index-2 .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-2 .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-2 .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-2 .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-2 .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-2 .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index-2 .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index-2 .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-2 .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index-2 .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-2 .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index-2 .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-2 .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-2 .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index-2 .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index-2 .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index-2 .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index-2 .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-2 .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-2 .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index-2 .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-2 .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index-2 .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index-2 .our-mission-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(22.10% - 176px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index-2 .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index-2 .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index-2 .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index-2 .image-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(25.67% - 97px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-2 .h6-stylestyle2tagh5-C61RwL {
  --z-index: 9;
  background-color: transparent;
  bottom: calc(21.89% - 8px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index-2 .h6-stylestyle2tagp-C61RwL {
  --z-index: 10;
  background-color: transparent;
  bottom: calc(20.58% - 5px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index-2 .group-20-C61RwL {
  --z-index: 11;
  background-color: transparent;
  bottom: 704px;
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index-2 .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index-2 .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-2 .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-2@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-2 .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index-2 .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-2 .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index-2 .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index-2 .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index-2 .group-3-C61RwL {
  --z-index: 12;
  background-color: transparent;
  bottom: calc(22.51% - 170px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index-2 .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index-2 .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index-2 .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-2 .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-2 .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-2 .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-2 .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index-2 .header-nav-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index-2 .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  cursor: pointer;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index-2 .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index-2 .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-2 .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index-2 .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-2 .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index-2 .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index-2 .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index-2 .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index-2 .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-2 .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index-2 .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index-2 .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index-2 .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-2 .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index-2 .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index-2 .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-2 .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-2 .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index-2 .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-2 .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-2 .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-2 .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index-2 .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}
/* screen - index-5 */

.index-5 {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3662px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-5 .kyle-C61RwL {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 2543px);
  left: calc(50.00% - 960px);
  opacity: 1;
  position: absolute;
  top: 937px;
  width: 1920px;
}

.index-5 .kyle-hebert-ZRI1De {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-5 .post-fEaDT3 {
  --z-index: 0;
  background-color: transparent;
  bottom: 814px;
  height: 62px;
  left: 834px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1668px);
}

.index-5 .metadata-S05vKF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-5 .post-title-tagh5-S05vKF {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .category-tagui_s-S05vKF {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-5 .rectangle-15-fEaDT3 {
  --z-index: 1;
  background-color: #ffffff;
  border-radius: 0px 15px 15px 0px;
  box-shadow: 0px 20px 1px #00000029;
  cursor: pointer;
  height: calc(100.00% - 479px);
  left: 485px;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: calc(100.00% - 485px);
}

.index-5 .kyle_-hebert_by_-gage_-skidmore-fEaDT3 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-6@1x.png);
  background-size: 100% 100%;
  border-radius: 15px 0px 0px 15px;
  cursor: pointer;
  height: calc(100.00% - 458px);
  left: -2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: 488px;
}

.index-5 .scroll-group-4-fEaDT3::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index-5 .scroll-group-4-fEaDT3 {
  --z-index: 3;
  background-color: transparent;
  bottom: 40px;
  height: 174px;
  mix-blend-mode: normal;
  opacity: 1;
  overflow-y: scroll;
  position: absolute;
  right: 45px;
  width: 1344px;
}

.index-5 .kyle-hebert-was-one-t5xEfM {
  --z-index: 0;
  background-color: transparent;
  color: #340999;
  font-family: 'Corbel-Regular', Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 1346px;
}

.index-5 .x944084-fEaDT3 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/944084-5@1x.png);
  background-size: 100% 100%;
  bottom: 235px;
  height: 375px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 75px;
  width: 250px;
}

.index-5 .vato-falman600998279-fEaDT3 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-5@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 568px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 248px;
}

.index-5 .b2f715982d42fe90515e814662c83ffa-fEaDT3 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-5@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 910px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 252px;
}

.index-5 .tumblr_nkq4p9-xj-ua1qdolljo1_500-fEaDT3 {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500-5@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 417px;
  width: 250px;
}

.index-5 .post-Qn3mK9 {
  --z-index: 8;
  background-color: transparent;
  bottom: 1254px;
  height: 0px;
  left: 833px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1920px);
}

.index-5 .metadata-doV8pD {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -38px;
  width: 12px;
}

.index-5 .image-fly-out-fEaDT3 {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 657px);
  left: 807px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1613px);
}

.index-5 .kyle_-hebert_by_-gage_-skidmore-pZJOov {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-7@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 14px);
  left: 1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 6px);
}

.index-5 .polygon-1-fEaDT3 {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/polygon-1-1@1x.png);
  background-size: 100% 100%;
  bottom: 637px;
  cursor: pointer;
  height: 22px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(49.83% - 26px);
  width: 52px;
}

.index-5 .group-27-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: 220px;
  width: 421px;
}

.index-5 .post-BKbGut {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-5 .metadata-KRSsp6 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-5 .post-title-tagh5-KRSsp6 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .category-tagui_s-KRSsp6 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-5 .best-facts-about-vegeta-dbz-BKbGut {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-5 .best-facts-about-vegeta-dbz-BKbGut:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-5 .screen-4-BKbGut {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/screen-4-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-5 .screen-4-BKbGut:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-5 .x310613-BKbGut {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/310613-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-5 .x310613-BKbGut:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-5 .x338843-BKbGut {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/338843-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-5 .x338843-BKbGut:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-5 .christopher_-sabat_49644852593-BKbGut {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-5 .christopher_-sabat_49644852593-BKbGut:hover {
  transform: scale(1.1);
}

.index-5 .group-33-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: calc(28.11% - 147px);
  width: 421px;
}

.index-5 .post-uEDaR8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-5 .metadata-x8L15D {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-5 .post-title-tagh5-x8L15D {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .category-tagui_s-x8L15D {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-5 .cole_cassidy-uEDaR8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-5@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-5 .cole_cassidy-uEDaR8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-5 .jotaro_sc_-infobox_-manga-uEDaR8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga-5@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-5 .jotaro_sc_-infobox_-manga-uEDaR8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-5 .x174519-uEDaR8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/174519-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-5 .x174519-uEDaR8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-5 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-5@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-5 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-5 .matthew_-mercer_by_-gage_-skidmore-uEDaR8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-7@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-5 .matthew_-mercer_by_-gage_-skidmore-uEDaR8:hover {
  transform: scale(1.1);
}

.index-5 .group-34-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 523px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: 220px;
  width: 421px;
}

.index-5 .bo10-hcz-qQAETk {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/bo10hcz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-5 .bo10-hcz-qQAETk:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-5 .x3598739-azusa-yumi-qQAETk {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/3598739-azusa-yumi-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-5 .x3598739-azusa-yumi-qQAETk:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-5 .uwp1043985-qQAETk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/uwp1043985-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-5 .uwp1043985-qQAETk:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-5 .x32470-qQAETk {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/32470-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-5 .x32470-qQAETk:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-5 .brina_-palencia_by_-gage_-skidmore-qQAETk {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/brina-palencia-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-5 .brina_-palencia_by_-gage_-skidmore-qQAETk:hover {
  transform: scale(1.1);
}

.index-5 .post-qQAETk {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 82px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-5 .metadata-tmTfgf {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-5 .post-title-tagh5-tmTfgf {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .category-tagui_s-tmTfgf {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-5 .group-36-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 526px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: 218px;
  width: 421px;
}

.index-5 .x204821-tHRLWN {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/204821-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(47.70% - 158px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-5 .x204821-tHRLWN:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-5 .x112672-yeager-eren-render-png-file-hd-tHRLWN {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 301px;
  left: 3px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 216px;
}

.index-5 .x112672-yeager-eren-render-png-file-hd-tHRLWN:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-5 .meliodas-tHRLWN {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/meliodas-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(45.94% - 150px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-5 .meliodas-tHRLWN:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-5 .wallpapersdencom_has-tHRLWN {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 22px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-5 .wallpapersdencom_has-tHRLWN:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-5 .mv5-bzge2-mw-nm-yz-a-tHRLWN {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 57px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-5 .mv5-bzge2-mw-nm-yz-a-tHRLWN:hover {
  transform: scale(1.1);
}

.index-5 .post-tHRLWN {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-5 .metadata-NxBsSE {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-5 .post-title-tagh5-NxBsSE {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .category-tagui_s-NxBsSE {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-5 .group-37-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 524px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: calc(28.12% - 147px);
  width: 421px;
}

.index-5 .post-ZzhBS7 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-5 .metadata-CAvkPb {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-5 .post-title-tagh5-CAvkPb {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .category-tagui_s-CAvkPb {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-5 .hd-wallpaper-monkey-ZzhBS7 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.10% - 159px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-5 .hd-wallpaper-monkey-ZzhBS7:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-5 .riza-hawkeyefull2935188-ZzhBS7 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 276px;
  left: 21px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 198px;
}

.index-5 .riza-hawkeyefull2935188-ZzhBS7:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-5 .erza-scarlet-fairy-t-ZzhBS7 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(46.31% - 152px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-5 .erza-scarlet-fairy-t-ZzhBS7:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-5 .x612e8cc9d2c2c5af79f29494746b308f-ZzhBS7 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 21px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-5 .x612e8cc9d2c2c5af79f29494746b308f-ZzhBS7:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-5 .colleen-clinkenbeard-headshot-ZzhBS7 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-5 .colleen-clinkenbeard-headshot-ZzhBS7:hover {
  transform: scale(1.1);
}

.index-5 .footer-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index-5 .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index-5 .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index-5 .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index-5 .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-5 .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index-5 .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index-5 .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index-5 .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02-3@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-5 .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-3@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index-5 .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-5 .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-5 .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-5 .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-5 .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-5 .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index-5 .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index-5 .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-5 .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index-5 .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-5 .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index-5 .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-5 .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-5 .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index-5 .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index-5 .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index-5 .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index-5 .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-5 .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-5 .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index-5 .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-5 .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index-5 .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index-5 .our-mission-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(22.10% - 176px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index-5 .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index-5 .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index-5 .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index-5 .image-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(25.67% - 97px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-5 .h6-stylestyle2tagh5-C61RwL {
  --z-index: 9;
  background-color: transparent;
  bottom: calc(21.89% - 8px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index-5 .h6-stylestyle2tagp-C61RwL {
  --z-index: 10;
  background-color: transparent;
  bottom: calc(20.58% - 5px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index-5 .group-20-C61RwL {
  --z-index: 11;
  background-color: transparent;
  bottom: 704px;
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index-5 .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index-5 .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-5 .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-2@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-5 .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index-5 .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-5 .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index-5 .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index-5 .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index-5 .group-3-C61RwL {
  --z-index: 12;
  background-color: transparent;
  bottom: calc(22.51% - 170px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index-5 .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index-5 .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index-5 .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-5 .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-5 .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-5 .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-5 .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index-5 .header-nav-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index-5 .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  cursor: pointer;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index-5 .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index-5 .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-5 .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index-5 .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-5 .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index-5 .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index-5 .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index-5 .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index-5 .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-5 .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index-5 .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index-5 .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index-5 .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-5 .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index-5 .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index-5 .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-5 .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-5 .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index-5 .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-5 .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-5 .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-5 .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index-5 .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-4@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}
/* screen - index-3 */

.index-3 {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3662px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-3 .chris-C61RwL {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 2543px);
  left: calc(50.00% - 960px);
  opacity: 1;
  position: absolute;
  top: 275px;
  width: 1920px;
}

.index-3 .christopher-sabat-3AEIsx {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-3 .post-sqQPkU {
  --z-index: 0;
  background-color: transparent;
  bottom: 814px;
  height: 62px;
  left: 1366px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1668px);
}

.index-3 .metadata-sANwtI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-3 .post-title-tagh5-sANwtI {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .category-tagui_s-sANwtI {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-3 .rectangle-15-sqQPkU {
  --z-index: 1;
  background-color: #ffffff;
  border-radius: 0px 15px 15px 0px;
  box-shadow: 0px 20px 1px #00000029;
  cursor: pointer;
  height: calc(100.00% - 479px);
  left: 485px;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: calc(100.00% - 485px);
}

.index-3 .christopher_-sabat_49644852593-sqQPkU {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px 0px 0px 15px;
  cursor: pointer;
  height: calc(100.00% - 458px);
  left: -2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: 488px;
}

.index-3 .scroll-group-4-sqQPkU::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index-3 .scroll-group-4-sqQPkU {
  --z-index: 3;
  background-color: transparent;
  bottom: 40px;
  height: 174px;
  mix-blend-mode: normal;
  opacity: 1;
  overflow-y: scroll;
  position: absolute;
  right: 45px;
  width: 1344px;
}

.index-3 .christopher-robin-sa-tJaxbz {
  --z-index: 0;
  background-color: transparent;
  color: #340999;
  font-family: 'Corbel-Regular', Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 1346px;
}

.index-3 .x310613-sqQPkU {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/310613-2@1x.png);
  background-size: 100% 100%;
  bottom: 235px;
  height: 375px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 75px;
  width: 250px;
}

.index-3 .best-facts-about-vegeta-dbz-sqQPkU {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz-2@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 568px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 248px;
}

.index-3 .screen-4-sqQPkU {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/screen-4-2@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 910px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 252px;
}

.index-3 .x338843-sqQPkU {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/338843-2@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 417px;
  width: 250px;
}

.index-3 .post-r4oF7e {
  --z-index: 8;
  background-color: transparent;
  bottom: 1254px;
  height: 0px;
  left: 1365px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1920px);
}

.index-3 .metadata-urpmem {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -38px;
  width: 12px;
}

.index-3 .image-fly-out-sqQPkU {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 657px);
  left: 1339px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1613px);
}

.index-3 .christopher_-sabat_49644852593-lRUnjx {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--4@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 14px);
  left: 1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 6px);
}

.index-3 .polygon-1-sqQPkU {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/polygon-1-1@1x.png);
  background-size: 100% 100%;
  bottom: 637px;
  cursor: pointer;
  height: 22px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(21.34% - 11px);
  width: 52px;
}

.index-3 .group-33-C61RwL {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(49.60% - 259px);
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  width: 421px;
}

.index-3 .post-uEDaR8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-3 .metadata-x8L15D {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-3 .post-title-tagh5-x8L15D {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .category-tagui_s-x8L15D {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-3 .cole_cassidy-uEDaR8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-3 .cole_cassidy-uEDaR8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-3 .jotaro_sc_-infobox_-manga-uEDaR8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-3 .jotaro_sc_-infobox_-manga-uEDaR8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-3 .x174519-uEDaR8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/174519-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-3 .x174519-uEDaR8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-3 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-3 .x152c86196f4b6e5e4a6b501fa542f2a5-uEDaR8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-3 .matthew_-mercer_by_-gage_-skidmore-uEDaR8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-3 .matthew_-mercer_by_-gage_-skidmore-uEDaR8:hover {
  transform: scale(1.1);
}

.index-3 .group-26-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 526px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: 218px;
  width: 421px;
}

.index-3 .x204821-aRbOOb {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/204821-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(47.70% - 158px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-3 .x204821-aRbOOb:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-3 .x112672-yeager-eren-render-png-file-hd-aRbOOb {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 301px;
  left: 3px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 216px;
}

.index-3 .x112672-yeager-eren-render-png-file-hd-aRbOOb:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-3 .meliodas-aRbOOb {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/meliodas-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(45.94% - 150px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-3 .meliodas-aRbOOb:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-3 .wallpapersdencom_has-aRbOOb {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 22px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-3 .wallpapersdencom_has-aRbOOb:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-3 .mv5-bzge2-mw-nm-yz-a-aRbOOb {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 57px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-3 .mv5-bzge2-mw-nm-yz-a-aRbOOb:hover {
  transform: scale(1.1);
}

.index-3 .post-aRbOOb {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-3 .metadata-kL2C8a {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-3 .post-title-tagh5-kL2C8a {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .category-tagui_s-kL2C8a {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-3 .group-32-C61RwL {
  --z-index: 3;
  background-color: transparent;
  bottom: calc(49.60% - 259px);
  height: 523px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  width: 421px;
}

.index-3 .post-rXywx8 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-3 .metadata-x1oVHo {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-3 .post-title-tagh5-x1oVHo {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .category-tagui_s-x1oVHo {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-3 .vato-falman600998279-rXywx8 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-3 .vato-falman600998279-rXywx8:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-3 .b2f715982d42fe90515e814662c83ffa-rXywx8 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-3 .b2f715982d42fe90515e814662c83ffa-rXywx8:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-3 .x944084-rXywx8 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/944084-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-3 .x944084-rXywx8:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-3 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-3 .tumblr_nkq4p9-xj-ua1qdolljo1_500-rXywx8:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-3 .kyle_-hebert_by_-gage_-skidmore-rXywx8 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-3 .kyle_-hebert_by_-gage_-skidmore-rXywx8:hover {
  transform: scale(1.1);
}

.index-3 .group-31-C61RwL {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(49.62% - 260px);
  height: 524px;
  left: 219px;
  opacity: 1;
  position: absolute;
  width: 421px;
}

.index-3 .post-I5cRPp {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-3 .metadata-lCJN5x {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-3 .post-title-tagh5-lCJN5x {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .category-tagui_s-lCJN5x {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-3 .hd-wallpaper-monkey-I5cRPp {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.10% - 159px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-3 .hd-wallpaper-monkey-I5cRPp:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-3 .riza-hawkeyefull2935188-I5cRPp {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 276px;
  left: 21px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 198px;
}

.index-3 .riza-hawkeyefull2935188-I5cRPp:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-3 .erza-scarlet-fairy-t-I5cRPp {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(46.31% - 152px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-3 .erza-scarlet-fairy-t-I5cRPp:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-3 .x612e8cc9d2c2c5af79f29494746b308f-I5cRPp {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 21px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-3 .x612e8cc9d2c2c5af79f29494746b308f-I5cRPp:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-3 .colleen-clinkenbeard-headshot-I5cRPp {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-3 .colleen-clinkenbeard-headshot-I5cRPp:hover {
  transform: scale(1.1);
}

.index-3 .group-35-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 523px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: 220px;
  width: 421px;
}

.index-3 .bo10-hcz-1adRgC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/bo10hcz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-3 .bo10-hcz-1adRgC:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-3 .x3598739-azusa-yumi-1adRgC {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/3598739-azusa-yumi-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-3 .x3598739-azusa-yumi-1adRgC:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-3 .uwp1043985-1adRgC {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/uwp1043985-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-3 .uwp1043985-1adRgC:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-3 .x32470-1adRgC {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/32470-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-3 .x32470-1adRgC:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-3 .brina_-palencia_by_-gage_-skidmore-1adRgC {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/brina-palencia-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-3 .brina_-palencia_by_-gage_-skidmore-1adRgC:hover {
  transform: scale(1.1);
}

.index-3 .post-1adRgC {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 82px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-3 .metadata-vG9XcY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-3 .post-title-tagh5-vG9XcY {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .category-tagui_s-vG9XcY {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-3 .footer-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index-3 .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index-3 .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index-3 .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index-3 .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-3 .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index-3 .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index-3 .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index-3 .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02-3@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-3 .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-3@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index-3 .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-3 .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-3 .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-3 .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-3 .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-3 .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index-3 .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index-3 .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-3 .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index-3 .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-3 .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index-3 .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-3 .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-3 .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index-3 .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index-3 .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index-3 .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index-3 .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-3 .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-3 .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index-3 .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-3 .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index-3 .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index-3 .our-mission-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(22.10% - 176px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index-3 .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index-3 .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index-3 .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index-3 .image-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(25.67% - 97px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-3 .h6-stylestyle2tagh5-C61RwL {
  --z-index: 9;
  background-color: transparent;
  bottom: calc(21.89% - 8px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index-3 .h6-stylestyle2tagp-C61RwL {
  --z-index: 10;
  background-color: transparent;
  bottom: calc(20.58% - 5px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index-3 .group-20-C61RwL {
  --z-index: 11;
  background-color: transparent;
  bottom: 704px;
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index-3 .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index-3 .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-3 .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-2@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-3 .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index-3 .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-3 .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index-3 .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index-3 .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index-3 .group-3-C61RwL {
  --z-index: 12;
  background-color: transparent;
  bottom: calc(22.51% - 170px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index-3 .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index-3 .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index-3 .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-3 .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-3 .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-3 .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-3 .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index-3 .header-nav-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index-3 .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  cursor: pointer;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index-3 .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index-3 .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-3 .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index-3 .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-3 .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index-3 .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index-3 .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index-3 .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index-3 .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-3 .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index-3 .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index-3 .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index-3 .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-3 .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index-3 .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index-3 .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-3 .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-3 .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index-3 .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-3 .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-3 .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-3 .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index-3 .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}
/* screen - index-6 */

.index-6 {
  background-color: #340999;
  height: 100vh;
  margin: 0px;
  min-height: 3662px;
  min-width: 1920px;
  opacity: 1;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-6 .matt-C61RwL {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 2543px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 937px;
  width: 1920px;
}

.index-6 .matt-XCfEAK {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-6 .post-1vSgmp {
  --z-index: 0;
  background-color: transparent;
  bottom: 814px;
  height: 62px;
  left: 1366px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1668px);
}

.index-6 .metadata-koLNg2 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-6 .post-title-tagh5-koLNg2 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .category-tagui_s-koLNg2 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-6 .rectangle-15-1vSgmp {
  --z-index: 1;
  background-color: #ffffff;
  border-radius: 0px 15px 15px 0px;
  box-shadow: 0px 20px 1px #00000029;
  cursor: pointer;
  height: calc(100.00% - 479px);
  left: 485px;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: calc(100.00% - 485px);
}

.index-6 .matthew_-mercer_by_-gage_-skidmore-1vSgmp {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-4@1x.png);
  background-size: 100% 100%;
  border-radius: 15px 0px 0px 15px;
  cursor: pointer;
  height: calc(100.00% - 458px);
  left: -2px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 479px;
  width: 488px;
}

.index-6 .scroll-group-4-1vSgmp::-webkit-scrollbar {
  display: none;
  width: 0;
}

.index-6 .scroll-group-4-1vSgmp {
  --z-index: 3;
  background-color: transparent;
  bottom: 21px;
  height: 193px;
  mix-blend-mode: normal;
  opacity: 1;
  overflow-y: scroll;
  position: absolute;
  right: 41px;
  width: 1348px;
}

.index-6 .matthew-mercer-is-a-d5yGVx {
  --z-index: 0;
  background-color: transparent;
  color: #340999;
  font-family: 'Corbel-Regular', Helvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 553px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 24px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 1350px;
}

.index-6 .x174519-1vSgmp {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/174519-3@1x.png);
  background-size: 100% 100%;
  bottom: 235px;
  height: 375px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 75px;
  width: 250px;
}

.index-6 .cole_cassidy-1vSgmp {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/cole-cassidy-3@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 568px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 248px;
}

.index-6 .jotaro_sc_-infobox_-manga-1vSgmp {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/jotaro-sc-infobox-manga-3@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  left: 910px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 252px;
}

.index-6 .x152c86196f4b6e5e4a6b501fa542f2a5-1vSgmp {
  --z-index: 7;
  background-color: transparent;
  background-image: url(../img/152c86196f4b6e5e4a6b501fa542f2a5-3@1x.png);
  background-size: 100% 100%;
  bottom: 237px;
  height: 373px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 417px;
  width: 250px;
}

.index-6 .post-Eqvewm {
  --z-index: 8;
  background-color: transparent;
  bottom: 1254px;
  height: 0px;
  left: 1365px;
  opacity: 0;
  position: absolute;
  width: calc(100.00% - 1920px);
}

.index-6 .metadata-TA3jf1 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -38px;
  width: 12px;
}

.index-6 .image-fly-out-1vSgmp {
  --z-index: 9;
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 657px);
  left: 1339px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 1613px);
}

.index-6 .matthew_-mercer_by_-gage_-skidmore-NPvk9a {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/matthew-mercer-by-gage-skidmore-5@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 14px);
  left: 1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 6px);
}

.index-6 .polygon-1-1vSgmp {
  --z-index: 10;
  background-color: transparent;
  background-image: url(../img/polygon-1-1@1x.png);
  background-size: 100% 100%;
  bottom: 637px;
  cursor: pointer;
  height: 22px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(21.34% - 11px);
  width: 52px;
}

.index-6 .group-27-C61RwL {
  --z-index: 1;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: 216px;
  top: 220px;
  width: 421px;
}

.index-6 .post-BKbGut {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-6 .metadata-KRSsp6 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-6 .post-title-tagh5-KRSsp6 {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .category-tagui_s-KRSsp6 {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-6 .best-facts-about-vegeta-dbz-BKbGut {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/best-facts-about-vegeta-dbz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-6 .best-facts-about-vegeta-dbz-BKbGut:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-6 .screen-4-BKbGut {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/screen-4-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-6 .screen-4-BKbGut:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-6 .x310613-BKbGut {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/310613-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-6 .x310613-BKbGut:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-6 .x338843-BKbGut {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/338843-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-6 .x338843-BKbGut:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-6 .christopher_-sabat_49644852593-BKbGut {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/christopher-sabat--49644852593--1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-6 .christopher_-sabat_49644852593-BKbGut:hover {
  transform: scale(1.1);
}

.index-6 .group-34-C61RwL {
  --z-index: 2;
  background-color: transparent;
  height: 523px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: 220px;
  width: 421px;
}

.index-6 .bo10-hcz-qQAETk {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/bo10hcz-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-6 .bo10-hcz-qQAETk:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-6 .x3598739-azusa-yumi-qQAETk {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/3598739-azusa-yumi-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-6 .x3598739-azusa-yumi-qQAETk:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-6 .uwp1043985-qQAETk {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/uwp1043985-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-6 .uwp1043985-qQAETk:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-6 .x32470-qQAETk {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/32470-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-6 .x32470-qQAETk:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-6 .brina_-palencia_by_-gage_-skidmore-qQAETk {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/brina-palencia-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-6 .brina_-palencia_by_-gage_-skidmore-qQAETk:hover {
  transform: scale(1.1);
}

.index-6 .post-qQAETk {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 82px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-6 .metadata-tmTfgf {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-6 .post-title-tagh5-tmTfgf {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .category-tagui_s-tmTfgf {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-6 .group-36-C61RwL {
  --z-index: 3;
  background-color: transparent;
  height: 526px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: 218px;
  width: 421px;
}

.index-6 .x204821-tHRLWN {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/204821-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(47.70% - 158px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-6 .x204821-tHRLWN:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-6 .x112672-yeager-eren-render-png-file-hd-tHRLWN {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/112672-yeager-eren-render-png-file-hd-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 301px;
  left: 3px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 216px;
}

.index-6 .x112672-yeager-eren-render-png-file-hd-tHRLWN:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-6 .meliodas-tHRLWN {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/meliodas-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(45.94% - 150px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-6 .meliodas-tHRLWN:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-6 .wallpapersdencom_has-tHRLWN {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/wallpapersden-com-hashibira-inosuke-1440x2992-2@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 22px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-6 .wallpapersdencom_has-tHRLWN:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-6 .mv5-bzge2-mw-nm-yz-a-tHRLWN {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/mv5bzge2mwnmyzatnzllmy00ntk0ltk2zjityjcxnte1otnlnwjkxkeyxkfqcgde-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 57px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-6 .mv5-bzge2-mw-nm-yz-a-tHRLWN:hover {
  transform: scale(1.1);
}

.index-6 .post-tHRLWN {
  --z-index: 5;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-6 .metadata-NxBsSE {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-6 .post-title-tagh5-NxBsSE {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .category-tagui_s-NxBsSE {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-6 .group-37-C61RwL {
  --z-index: 4;
  background-color: transparent;
  height: 524px;
  left: 219px;
  opacity: 1;
  position: absolute;
  top: calc(28.12% - 147px);
  width: 421px;
}

.index-6 .post-ZzhBS7 {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-6 .metadata-CAvkPb {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-6 .post-title-tagh5-CAvkPb {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .category-tagui_s-CAvkPb {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-6 .hd-wallpaper-monkey-ZzhBS7 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/hd-wallpaper-monkey-d-luffy-op-big-3-one-piece-anime-masterpie-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.10% - 159px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-6 .hd-wallpaper-monkey-ZzhBS7:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-6 .riza-hawkeyefull2935188-ZzhBS7 {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/riza-hawkeye-full-2935188-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 276px;
  left: 21px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.3s ease;
  width: 198px;
}

.index-6 .riza-hawkeyefull2935188-ZzhBS7:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-6 .erza-scarlet-fairy-t-ZzhBS7 {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/erza-scarlet-fairy-tail-anime-diamond-paintings-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(46.31% - 152px);
  cursor: pointer;
  height: 327px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-6 .erza-scarlet-fairy-t-ZzhBS7:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-6 .x612e8cc9d2c2c5af79f29494746b308f-ZzhBS7 {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/612e8cc9d2c2c5af79f29494746b308f-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 21px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-6 .x612e8cc9d2c2c5af79f29494746b308f-ZzhBS7:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-6 .colleen-clinkenbeard-headshot-ZzhBS7 {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/colleenclinkenbeardheadshot-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 56px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-6 .colleen-clinkenbeard-headshot-ZzhBS7:hover {
  transform: scale(1.1);
}

.index-6 .group-38-C61RwL {
  --z-index: 5;
  background-color: transparent;
  height: 523px;
  opacity: 1;
  position: absolute;
  right: calc(49.90% - 210px);
  top: calc(28.11% - 147px);
  width: 421px;
}

.index-6 .post-VKtKIU {
  --z-index: 0;
  background-color: transparent;
  bottom: 0px;
  height: 62px;
  left: 85px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% - 169px);
}

.index-6 .metadata-dMlrEK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -416px;
  width: 12px;
}

.index-6 .post-title-tagh5-dMlrEK {
  --z-index: 1;
  background-color: transparent;
  bottom: 4px;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 38px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .category-tagui_s-dMlrEK {
  --z-index: 2;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Noto Sans', Helvetica;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 19px;
  left: 0px;
  letter-spacing: 0.39px;
  line-height: 19px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: -3px;
  white-space: nowrap;
  width: 100%;
}

.index-6 .vato-falman600998279-VKtKIU {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/vato-falman-600-998279-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  bottom: calc(48.42% - 160px);
  cursor: pointer;
  height: 330px;
  left: 1px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: all 0.3s ease;
  width: 250px;
}

.index-6 .vato-falman600998279-VKtKIU:hover {
  transform: translate(-80px, -50px) rotate(-15deg);
}

.index-6 .b2f715982d42fe90515e814662c83ffa-VKtKIU {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/b2f715982d42fe90515e814662c83ffa-3@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 256px;
  left: 35px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.3s ease;
  width: 184px;
}

.index-6 .b2f715982d42fe90515e814662c83ffa-VKtKIU:hover {
  transform: translate(-25px, -120px) rotate(-13deg);
}

.index-6 .x944084-VKtKIU {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/944084-2@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: calc(100.00% - 196px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: -8px;
  top: 105px;
  transition: all 0.3s ease;
  width: 245px;
}

.index-6 .x944084-VKtKIU:hover {
  transform: translate(60px, -50px) rotate(9deg);
}

.index-6 .tumblr_nkq4p9-xj-ua1qdolljo1_500-VKtKIU {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/tumblr-nkq4p9xjua1qdolljo1-500-3@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: 205px;
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  right: 41px;
  top: 20px;
  transition: all 0.3s ease-in-out;
  width: 146px;
}

.index-6 .tumblr_nkq4p9-xj-ua1qdolljo1_500-VKtKIU:hover {
  transform: translate(25px, -130px) rotate(15deg);
}

.index-6 .kyle_-hebert_by_-gage_-skidmore-VKtKIU {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/kyle-hebert-by-gage-skidmore-1@1x.png);
  background-size: 100% 100%;
  border-radius: 15px;
  cursor: pointer;
  height: 392px;
  left: calc(49.51% - 127px);
  object-fit: cover;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 54px;
  transition: all 0.2s ease;
  width: 256px;
}

.index-6 .kyle_-hebert_by_-gage_-skidmore-VKtKIU:hover {
  transform: scale(1.1);
}

.index-6 .footer-C61RwL {
  --z-index: 6;
  background-color: transparent;
  bottom: 0px;
  height: 633px;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: calc(100.00% + 3px);
}

.index-6 .metadata-iPe1yZ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -5801px;
  width: 16px;
}

.index-6 .rectangle-147683-stylestyle2-iPe1yZ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/rectangle-147683--style-style2--1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .copyright-2020-nam-iPe1yZ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(26.19% - 18px);
  color: #391a83;
  font-family: 'Noto Sans', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  height: 68px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 279px);
  text-align: center;
  white-space: nowrap;
  width: 560px;
}

.index-6 .group-23-iPe1yZ {
  --z-index: 3;
  background-color: transparent;
  height: 67px;
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 214px);
  top: calc(32.16% - 22px);
  width: 428px;
}

.index-6 .circle-button-sizeme-g8G7Fg {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: calc(50.00% - 34px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-6 .metadata-VD2ZXp {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-sizemediumstatedefaultstylestyle2-VD2ZXp {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-VD2ZXp {
  --z-index: 2;
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  position: absolute;
  right: calc(49.26% - 20px);
  top: calc(48.15% - 19px);
  width: 40px;
}

.index-6 .metadata-SFZ3No {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 22px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 22px;
}

.index-6 .area-SFZ3No {
  --z-index: 1;
  background-color: #f13636;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-SFZ3No {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 12px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 6px;
  width: 100%;
}

.index-6 .cc449bc1-f16b-4d6b-ada5-8a247c598e02-NUXIa9 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/cc449bc1-f16b-4d6b-ada5-8a247c598e02-3@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-6 .x972528ea-efc5-4af8-9b68-fecca20ce64b-NUXIa9 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/972528ea-efc5-4af8-9b68-fecca20ce64b-3@1x.png);
  background-size: 100% 100%;
  bottom: calc(49.74% - 7px);
  height: 14px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(45.88% - 6px);
  width: 13px;
}

.index-6 .circle-button-sizeme-C5UCQk {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: calc(25.00% - 17px);
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-6 .metadata-xJAxAh {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-sizemediumstatedefaultstylestyle2-xJAxAh {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-iconfeathertwit-xJAxAh {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 14px);
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-6 .metadata-0c6eor {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-iconfeathertwit-0c6eor {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-0c6eor {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 5px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-6 .x49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-6y9hAV {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/49d36f41-c5cf-4250-a4e1-3b9af1e16a2a-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-6 .circle-button-sizeme-jwlDxW {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 68px;
}

.index-6 .metadata-vUFRkF {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-sizemediumstatedefaultstylestyle2-vUFRkF {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-iconfeatherface-vUFRkF {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(50.00% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.62% - 14px);
  width: 28px;
}

.index-6 .metadata-QY1wvY {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 1px;
  width: 16px;
}

.index-6 .area-iconfeatherface-QY1wvY {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-6 .icon-QY1wvY {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(49.30% - 8px);
  top: 0px;
  width: 15px;
}

.index-6 .x8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-kiT84w {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/8ce07b7c-74d8-41f6-862b-52ad2c0cc0ae-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-6 .circle-button-sizeme-RWtGNT {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 17px);
  top: 1px;
  width: 68px;
}

.index-6 .metadata-karEtJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-sizemediumstatedefaultstylestyle2-karEtJ {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-iconfeatherlink-karEtJ {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.89% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-6 .metadata-YWOLyx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-iconfeatherlink-YWOLyx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-YWOLyx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-6 .x4d296b31-b982-41b7-9f11-7fe71e29640d-5okYE8 {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/4d296b31-b982-41b7-9f11-7fe71e29640d-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 20px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 19px;
}

.index-6 .x6b71374f-a70f-40ad-bd4d-56126ba30ae9-5okYE8 {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  bottom: -1px;
  height: 19px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 8px;
}

.index-6 .a8fa587d-feba-4f61-89e5-ebbcf4a74442-5okYE8 {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #ffc72c;
  border-radius: 2.81px;
  height: 8px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 8px;
}

.index-6 .circle-button-sizeme-UDuVex {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 68px;
}

.index-6 .metadata-Glc8A0 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-sizemediumstatedefaultstylestyle2-Glc8A0 {
  --z-index: 1;
  background-color: #391a83;
  border-radius: 1000px;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-iconfeathermail-Glc8A0 {
  --z-index: 2;
  background-color: transparent;
  height: 28px;
  left: calc(49.82% - 14px);
  opacity: 1;
  position: absolute;
  top: calc(48.72% - 14px);
  width: 28px;
}

.index-6 .metadata-cwBDgx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 16px;
}

.index-6 .area-iconfeathermail-cwBDgx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-cwBDgx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 6px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 3px;
  width: 100%;
}

.index-6 .dcafc2f8-1463-4c12-b94f-cea2dea21cfc-U92B7z {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/dcafc2f8-1463-4c12-b94f-cea2dea21cfc-1@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-6 .x6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-U92B7z {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/6bfcf969-fb9c-4a04-84fb-1e04ec1a6208-1@1x.png);
  background-size: 100% 100%;
  height: 12px;
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: calc(100.00% + 3px);
}

.index-6 .mockup-shop-classic-iPe1yZ {
  --z-index: 4;
  background-color: transparent;
  bottom: calc(40.17% - 19px);
  color: #391a83;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0.00px;
  line-height: 46px;
  opacity: 1;
  position: absolute;
  right: calc(49.89% - 256px);
  text-align: center;
  white-space: nowrap;
  width: 514px;
}

.index-6 .our-mission-C61RwL {
  --z-index: 7;
  background-color: transparent;
  bottom: calc(22.10% - 176px);
  height: 798px;
  left: 3px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.index-6 .metadata-dxpo3U {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 16px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -844px;
  width: 16px;
}

.index-6 .background-dxpo3U {
  --z-index: 1;
  background-color: #391a83;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .neque-porro-quisquam-dxpo3U {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(37.28% - 86px);
  color: #a7a7ad;
  font-family: 'Bahnschrift-Regular', Helvetica;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 232px;
  left: calc(34.96% - 156px);
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  width: 447px;
}

.index-6 .sweet-ice-cream-tagh2-dxpo3U {
  --z-index: 3;
  background-color: transparent;
  color: #eeeeee;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  height: 96px;
  left: calc(33.77% - 133px);
  letter-spacing: -0.35px;
  line-height: 84px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: calc(33.05% - 32px);
  white-space: nowrap;
  width: 395px;
}

.index-6 .image-C61RwL {
  --z-index: 8;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-14@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: calc(25.67% - 97px);
  height: 378px;
  left: 160px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-6 .h6-stylestyle2tagh5-C61RwL {
  --z-index: 9;
  background-color: transparent;
  bottom: calc(21.89% - 8px);
  color: #cccccc;
  font-family: 'Muli-Bold', Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 35px;
  left: 209px;
  letter-spacing: 0.00px;
  line-height: 36px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 157px;
}

.index-6 .h6-stylestyle2tagp-C61RwL {
  --z-index: 10;
  background-color: transparent;
  bottom: calc(20.58% - 5px);
  color: #a7a7ad;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  height: 23px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 26px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 32px;
}

.index-6 .group-20-C61RwL {
  --z-index: 11;
  background-color: transparent;
  bottom: 704px;
  height: 20px;
  left: 258px;
  opacity: 1;
  position: absolute;
  width: 56px;
}

.index-6 .icon-iconfeathertwit-IE4p6q {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 20px;
}

.index-6 .metadata-AZpTnX {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-iconfeathertwit-AZpTnX {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-AZpTnX {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 4px);
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 2px;
  width: 100%;
}

.index-6 .icon-twitter-PMStdJ {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/286199a0-fb72-4ea3-8d6a-5f84f78ea26b-2@1x.png);
  background-size: 100% 100%;
  height: calc(100.00% + 2px);
  left: -1px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: calc(100.00% + 2px);
}

.index-6 .icon-iconfeatherlink-IE4p6q {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 20px;
}

.index-6 .metadata-uPnuhx {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-iconfeatherlink-uPnuhx {
  --z-index: 1;
  background-color: #fd49c659;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .icon-uPnuhx {
  --z-index: 2;
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-6 .x042003d1-0899-46e5-8d02-7bd8585db925-MzSSoC {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/042003d1-0899-46e5-8d02-7bd8585db925-1@1x.png);
  background-size: 100% 100%;
  bottom: -1px;
  height: 15px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -1px;
  width: 14px;
}

.index-6 .x27453a98-5ff5-450c-b6ee-5c1e9ceef5fc-MzSSoC {
  --z-index: 1;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  bottom: -1px;
  height: 14px;
  left: -1px;
  opacity: 1;
  position: absolute;
  width: 6px;
}

.index-6 .x91f062c6-354b-4daf-ab64-27ba2df4267c-MzSSoC {
  --z-index: 2;
  background-color: transparent;
  border: 2px solid;
  border-color: #cccccc;
  border-radius: 2px;
  height: 6px;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 6px;
}

.index-6 .group-3-C61RwL {
  --z-index: 12;
  background-color: transparent;
  bottom: calc(22.51% - 170px);
  height: 756px;
  opacity: 1;
  position: absolute;
  right: 168px;
  width: 759px;
}

.index-6 .image-hvAGCq {
  --z-index: 0;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-15@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 253px;
}

.index-6 .image-NSHvE3 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-16@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  top: 0px;
  width: 253px;
}

.index-6 .image-Rt9Xyi {
  --z-index: 2;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-10@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-6 .image-yAjNwx {
  --z-index: 3;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-11@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  left: calc(50.00% - 126px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-6 .image-5w4RVW {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-12@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: 0px;
  top: calc(50.00% - 189px);
  width: 253px;
}

.index-6 .image-XTDqyi {
  --z-index: 5;
  background-color: transparent;
  background-image: url(../img/file--image-1x-png-13@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  left: calc(25.00% - 63px);
  object-fit: cover;
  opacity: 1;
  position: absolute;
  width: 253px;
}

.index-6 .image-jEiLI4 {
  --z-index: 6;
  background-color: transparent;
  background-image: url(../img/file--image@1x.png);
  background-size: 100% 100%;
  border-radius: 12px;
  bottom: 0px;
  height: 378px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: calc(25.00% - 63px);
  width: 253px;
}

.index-6 .header-nav-C61RwL {
  --z-index: 13;
  background-color: transparent;
  height: 80px;
  left: -5px;
  opacity: 1;
  position: fixed;
  top: 0px;
  width: calc(100.00% + 10px);
}

.index-6 .rectangle-1-kXysdx {
  --z-index: 0;
  background-color: #ffffff;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .title-tagh6-kXysdx {
  --z-index: 1;
  background-color: transparent;
  bottom: calc(28.21% - 12px);
  color: #410099;
  cursor: pointer;
  font-family: 'Corbel-Bold', Helvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  height: 41px;
  left: 122px;
  letter-spacing: 0.16px;
  line-height: 27px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 139px;
}

.index-6 .group-13-kXysdx {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(43.75% - 14px);
  height: 32px;
  opacity: 1;
  position: absolute;
  right: 81px;
  width: 702px;
}

.index-6 .group-11-l8CQ46 {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-6 .group-10-o0Pzt2 {
  --z-index: 0;
  background-color: transparent;
  height: calc(100.00% - 8px);
  opacity: 1;
  position: absolute;
  right: 0px;
  top: 4px;
  width: 24px;
}

.index-6 .searchsizelargestylestyle1-X2AZUN {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-6 .icon-Vr9wXt {
  --z-index: 0;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .d3512e87-8f7e-4a7b-9bc6-fee4059d34d0-bMSJCJ {
  --z-index: 0;
  background-color: transparent;
  border: 2.6666667461395264px solid;
  border-color: #410099;
  border-radius: 10.67px;
  height: 100%;
  left: -1px;
  opacity: 1;
  position: absolute;
  top: -1px;
  width: 100%;
}

.index-6 .x389c34a3-7412-4674-9863-29eef82b8705-bMSJCJ {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/389c34a3-7412-4674-9863-29eef82b8705-1@1x.png);
  background-size: 100% 100%;
  bottom: -2px;
  height: 10px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  right: -2px;
  width: 10px;
}

.index-6 .metadata-Vr9wXt {
  --z-index: 1;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-iconfeathersear-Vr9wXt {
  --z-index: 2;
  background-color: #fcfcfc;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .path-34-o0Pzt2 {
  --z-index: 1;
  background-color: transparent;
  background-image: url(../img/path-34-1@1x.png);
  background-size: 100% 100%;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .tabs-kXysdx {
  --z-index: 3;
  background-color: transparent;
  height: calc(100.00% - 38px);
  opacity: 1;
  position: absolute;
  right: calc(49.97% - 92px);
  top: 19px;
  width: 185px;
}

.index-6 .metadata-TT6ogI {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .placeholder-tab-item-TT6ogI {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -49px;
  top: 0px;
  width: 42px;
}

.index-6 .metadata-gwM4cq {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-gwM4cq {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .metadata-q16HQz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .placement-area-q16HQz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .bar-q16HQz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-6 .label-gwM4cq {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #97979c;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 3px);
}

.index-6 .tab-item-statedefault-TT6ogI {
  --z-index: 2;
  background-color: transparent;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 55px;
}

.index-6 .metadata-5hLkyJ {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-5hLkyJ {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 13px);
}

.index-6 .metadata-2eFObz {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .placement-area-statedefault-2eFObz {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .bar-statedefault-2eFObz {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-6 .label-5hLkyJ {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .tab-item-statedefault-vTNwPH {
  --z-index: 3;
  background-color: transparent;
  height: 100%;
  left: calc(41.84% - 18px);
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 44px;
}

.index-6 .metadata-TxMaZ3 {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-TxMaZ3 {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 1px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: calc(100.00% - 2px);
}

.index-6 .metadata-TOdfwK {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .placement-area-statedefault-TOdfwK {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .bar-statedefault-TOdfwK {
  --z-index: 2;
  background-color: #34ffc8;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-6 .label-TxMaZ3 {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.index-6 .tab-item-stateactive-TT6ogI {
  --z-index: 4;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 30px;
}

.index-6 .metadata-LaZm3w {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 1px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .area-LaZm3w {
  --z-index: 1;
  background-color: transparent;
  height: 100%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .metadata-SUjJ8i {
  --z-index: 0;
  background-color: transparent;
  color: transparent;
  font-family: 'Arial-Regular', Helvetica;
  font-size: 3px;
  font-style: normal;
  font-weight: 400;
  height: 12px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 3px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 12px;
}

.index-6 .placement-area-stateactive-SUjJ8i {
  --z-index: 1;
  background-color: #525252;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-6 .bar-stateactive-SUjJ8i {
  --z-index: 2;
  background-color: transparent;
  border: 1px solid;
  border-color: #ffc72c;
  border-radius: 1000px;
  bottom: 0px;
  height: 2px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.index-6 .label-LaZm3w {
  --z-index: 2;
  background-color: transparent;
  bottom: calc(34.21% - 8px);
  color: #410099;
  font-family: 'Noto Sans', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  height: 23px;
  left: 2px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: calc(100.00% - 2px);
}

.index-6 .path-33-kXysdx {
  --z-index: 4;
  background-color: transparent;
  background-image: url(../img/path-33-4@1x.png);
  background-size: 100% 100%;
  cursor: pointer;
  height: calc(100.00% - 37px);
  left: 48px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 19px;
  width: 66px;
}