body {
  font-family: Poppins, sans-serif;
  color: #fff;
  font-size: 1vw;
  line-height: 1;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1em;
  line-height: 1;
}

p {
  margin-bottom: 0px;
}

a {
  text-decoration: none;
}

img {
  display: inline-block;
  max-width: 100%;
}

.styleguide-component {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #000;
}

.show-tablet {
  display: none;
}

.show-landscape {
  display: none;
}

.show-portrait {
  display: none;
}

.hidden {
  display: none;
}

.section {
  position: relative;
}

.section.cc-commingsoon {
  min-height: 100vh;
}

.section.is--2 {
  z-index: 9;
  margin-top: -15vw;
}

.section.is--3 {
  z-index: 12;
  margin-top: -29vw;
  margin-bottom: -65vw;
}

.section.is--hero {
  z-index: 10;
}

.section.is--4 {
  z-index: 12;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.is--connect-wallet {
  overflow: hidden;
  height: 100vh;
}

.video-background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.container.cc-commingsoon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.container.cc-navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.94em 5em;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.cc-hero {
  position: absolute;
  min-height: 100%;
}

.container.cc-sec2 {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.cc-sec3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.container.cc-sec4 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.is-footer {
  position: absolute;
  bottom: 6vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container.is--connectwallet {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.css {
  display: none;
}

.bg-video {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100vh;
}

.nav-bar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1000;
}

.logo {
  width: 7.5em;
}

.nav-bar_div-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-media-img {
  width: 3.33em;
}

.nav-bar_social-media-links {
  margin-left: 1.11em;
}

.nav-bar_social-media-links.is--mobile {
  display: none;
}

.nav-bar_social-media-links.no-left {
  margin-left: 0em;
}

.hero_bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -1;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero_bg.hide-tablet {
  display: block;
  max-width: none;
}

.hero_bg.hide-tablet.is--blur {
  -webkit-filter: blur(14px);
  filter: blur(14px);
}

.hero_floor {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero_floor.hide-tablet {
  display: block;
}

.bg-sec2 {
  position: relative;
}

.bg-sec2.hide-tablet {
  width: 100%;
  max-width: none;
}

.sec2_chains {
  width: 100%;
  margin-top: -1vw;
}

.chains-down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.chains {
  position: absolute;
  left: auto;
  top: 0%;
  right: 10vw;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 2vw;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.chains.cc-2 {
  right: 17.5vw;
}

.chains.cc-3 {
  right: 30vw;
}

.chains.cc-4 {
  right: 37.5vw;
}

.bg-green-sec2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
}

.sec3-bg {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  max-width: none;
}

.sec3-jewels {
  position: relative;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 100%;
  max-width: none;
}

.bg-sec4 {
  position: relative;
  z-index: -2;
  width: 100%;
  max-width: none;
}

.sec3-4-img {
  position: absolute;
  top: -25vw;
  z-index: 13;
}

.sec3-4-img.hide-tablet {
  width: 100%;
  max-width: none;
}

.sec3-4-img.show-tablet {
  width: 100%;
  max-width: none;
}

.roadmap_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 45vw;
  padding-right: 5vw;
  padding-left: 5vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: #000;
}

.roadmap_item-4 {
  position: relative;
  width: 20vw;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  cursor: pointer;
}

.roadmap_item-4:hover {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.roadmap_item-4:focus {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.roadmap_item-4.open-modal {
  position: relative;
}

.roadmap_item-4.open-modal:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.img-100 {
  position: relative;
  width: 100%;
  max-width: none;
}

.roadmap_item-2 {
  position: relative;
  bottom: 1.2vw;
  width: 13.5vw;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  cursor: pointer;
}

.roadmap_item-2:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.roadmap_item-2.open-modal:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.roadmap_item-3 {
  position: relative;
  width: 18vw;
  cursor: pointer;
}

.roadmap_item-3:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.roadmap_item-3.open-modal {
  -webkit-transition-property: none;
  transition-property: none;
}

.roadmap_item-3.open-modal:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.roadmap_item-1 {
  position: relative;
  bottom: 2.2vw;
  width: 14vw;
  cursor: pointer;
}

.roadmap_item-1:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.roadmap_item-1.open-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.roadmap_item-1.open-modal:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.hero_floor-2 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 24vw;
  z-index: -1;
  width: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero_floor-2.hide-tablet.is--connect-wallet {
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.bg-sec1-bottom {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -15.8vw;
  width: 100%;
  max-width: none;
}

.team-members_wrapper {
  position: absolute;
  left: 0%;
  top: 44.5vw;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.team-members_wrapper.is--2 {
  top: 83vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.body {
  background-color: #2c1942;
}

.body.active {
  overflow: hidden;
  height: 100vh;
}

.preloader {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: none;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.loader {
  position: relative;
  z-index: 20;
  width: 100%;
  height: 1px;
  background-color: #7dd655;
}

.crypto-card-up {
  position: absolute;
  left: auto;
  top: auto;
  right: 29vw;
  bottom: 28vw;
  overflow: hidden;
  width: 12vw;
  height: 16vw;
  border-style: solid;
  border-width: 1px;
  border-color: #2c1942;
  border-radius: 1vw;
  background-color: #2c1942;
}

.crypto-card-up.cc-2 {
  bottom: 10vw;
}

.crypto-card-down {
  position: absolute;
  left: auto;
  top: 26vw;
  right: 8.7vw;
  bottom: auto;
  overflow: hidden;
  width: 12vw;
  height: 16vw;
  border-style: solid;
  border-width: 1px;
  border-color: #71c34e;
  border-radius: 1vw;
  background-color: #71c34e;
}

.crypto-card-down.cc-2 {
  top: 44vw;
}

.chains-trigger {
  position: absolute;
  width: 100%;
  height: 50vw;
  margin-top: 15vw;
}

.chains-up {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero_moon {
  position: absolute;
  left: 9.5vw;
  top: 1vw;
  width: 22.5vw;
  max-width: none;
}

.preloader-circle-1 {
  position: absolute;
  width: 100vw;
  height: 100vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #3c2458;
}

.preloader-circle-2 {
  position: absolute;
  width: 100vw;
  height: 100vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #5f3f83;
}

.preloader-zom-logo {
  position: absolute;
  display: block;
  width: 50%;
  max-width: none;
}

.preloader-circle-3 {
  position: absolute;
  width: 120vw;
  height: 120vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #906fb6;
}

.preloader-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #2c1942;
}

.moon_glow {
  position: absolute;
  left: 12.4vw;
  top: 3.8vw;
  right: auto;
  bottom: auto;
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #fff;
  -webkit-filter: blur(5em);
  filter: blur(5em);
}

.img-full {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.modal {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(44, 25, 66, 0.75);
}

.modal.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(44, 25, 66, 0.75);
}

.modal_item {
  position: relative;
  z-index: 2;
  display: none;
  overflow: auto;
  width: 50vw;
  max-height: 80vh;
  padding: 2.22vw;
  border-style: solid;
  border-width: 0.25rem;
  border-color: #2c1942;
  border-radius: 1vw;
  background-color: rgba(113, 195, 78, 0.75);
}

.modal_item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3.22vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: rgba(44, 25, 66, 0.75);
}

.modal-title {
  color: #fff;
  font-size: 2vw;
  font-weight: 700;
}

.modal_x {
  position: absolute;
  left: auto;
  top: 2.22vw;
  right: 2.22vw;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
}

.close-modal {
  cursor: pointer;
}

.faq_wrapper {
  position: absolute;
  left: 0%;
  top: 195vw;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block {
  position: relative;
}

.t1 {
  font-size: 5.68vw;
  line-height: 1.33;
}

.t1.is-hero {
  font-family: Doublefeatur, sans-serif;
  color: #8dff5c;
  font-size: 10vw;
  letter-spacing: 0.06vw;
  text-shadow: 6px 6px 0 #2c1942;
}

.t2 {
  font-size: 4.84vw;
  line-height: 1.33;
}

.t3 {
  font-size: 3.41vw;
  line-height: 1;
}

.t3.is--sec2 {
  font-size: 3.25vw;
  line-height: 1.2;
}

.t3.is--sec3 {
  font-size: 3.25vw;
  line-height: 1.2;
}

.t4 {
  font-size: 2.55vw;
  line-height: 1.4;
  font-weight: 600;
}

.t5 {
  font-size: 1.9vw;
  line-height: 1.45;
}

.t6 {
  font-size: 1.56vw;
  line-height: 1.5;
}

.t6.is--button {
  color: #71c34e;
  font-size: 1.11em;
  line-height: 1;
  font-weight: 600;
}

.p {
  font-size: 1.15vw;
  line-height: 1.6;
}

.p.active {
  font-size: 1.1vw;
}

.p.is--scrolldown {
  font-size: 1vw;
}

.p.active-sec3 {
  font-size: 1.1vw;
}

.space-large {
  width: 100%;
  height: 4.17vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.faq_item {
  position: relative;
  width: 100%;
  margin-bottom: 2.6vw;
  padding: 2.6vw 2.6vw 1.56vw;
  border-style: solid;
  border-width: 0.2rem;
  border-color: #cc1501;
  border-radius: 1rem;
  background-color: rgba(254, 175, 0, 0.5);
  -webkit-backdrop-filter: blur(0.25em);
  backdrop-filter: blur(0.25em);
  cursor: pointer;
}

.faq_answer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: height 600ms ease;
  transition: height 600ms ease;
}

.faq_answer.active {
  height: 5.8vw;
}

.faq_answer.is--2.active {
  height: 4vw;
}

.faq_answer.is--5.active {
  height: 4vw;
}

.space-small {
  width: 100%;
  height: 1.04vw;
}

.grave-content {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.grave-content.is--1 {
  -webkit-transform: rotate(11deg);
  -ms-transform: rotate(11deg);
  transform: rotate(11deg);
}

.grave-content.is--2 {
  -webkit-transform: translate(-0.4vw, 0px) rotate(-4deg);
  -ms-transform: translate(-0.4vw, 0px) rotate(-4deg);
  transform: translate(-0.4vw, 0px) rotate(-4deg);
}

.grave-content.is--3 {
  -webkit-transform: translate(0.5vw, 0px) rotate(4deg);
  -ms-transform: translate(0.5vw, 0px) rotate(4deg);
  transform: translate(0.5vw, 0px) rotate(4deg);
}

.grave-content.is--4 {
  -webkit-transform: translate(-0.4vw, 0px) rotate(-4deg);
  -ms-transform: translate(-0.4vw, 0px) rotate(-4deg);
  transform: translate(-0.4vw, 0px) rotate(-4deg);
}

.text-grave-1 {
  font-family: Doublefeatur, sans-serif;
  color: #2c1942;
  font-size: 3.5vw;
  font-weight: 400;
  text-shadow: 1px 1px 6px #fff;
}

.text-grave-2 {
  font-family: Doublefeatur, sans-serif;
  color: #161315;
  font-size: 3.5vw;
  font-weight: 400;
  text-shadow: 1px 1px 6px #fff;
}

.text-grave-3 {
  font-family: Doublefeatur, sans-serif;
  color: #25393f;
  font-size: 3.5vw;
  font-weight: 700;
  text-shadow: 1px 1px 6px #fff;
}

.text-grave-4 {
  font-family: Doublefeatur, sans-serif;
  color: #252918;
  font-size: 3.5vw;
  font-weight: 700;
  text-shadow: 1px 1px 6px #fff;
}

.sec3_title-wrap {
  position: absolute;
  left: 6.25vw;
  top: 42.5vw;
  right: auto;
  bottom: auto;
  width: 40vw;
}

.sec4_title-wrap {
  position: absolute;
  left: 6.25vw;
  top: 31.5vw;
  right: auto;
  bottom: auto;
}

.sec2_title-wrap {
  position: absolute;
  left: 22.1vw;
  top: 33vw;
  right: auto;
  bottom: auto;
  width: 35vw;
}

.sec2_title-wrap.hide-tablet {
  top: 35vw;
}

.lamp {
  position: absolute;
  left: 7.03vw;
  top: 36.5vw;
  right: auto;
  bottom: auto;
  z-index: -1;
  width: 10.99vw;
  max-width: none;
}

.lamp-light {
  position: absolute;
  left: -26.9vw;
  top: 4.2vw;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 88.5vw;
  max-width: none;
}

.footer_top {
  width: 100%;
}

.footer_bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 5vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.footer_left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.11em 2.22em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 1.11rem;
  background-color: #2c1942;
  text-align: center;
  cursor: pointer;
}

.button.is--nav {
  margin-left: 1.11em;
  border-radius: 1.11em;
}

.button.is--nav.hidden {
  display: none;
}

.button.is--connectwallet {
  display: block;
  margin-left: 0em;
  padding: 1.11vw 2.22vw;
}

.button.is--plus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 3vw;
  height: 3vw;
  padding: 0em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 4px 0 #000;
}

.button.is--outlined {
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.54);
}

.t4.is-connectwallet {
  display: block;
  background-color: #2c1942;
  color: #71c34e;
  font-size: 1.5vw;
}

.preloader-top {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1000;
  background-color: #2c1942;
}

.member_item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19.06vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.member_profile-wrap {
  position: absolute;
  width: 76%;
  height: 73%;
  -webkit-transform: translate(-0.1vw, -0.1vw);
  -ms-transform: translate(-0.1vw, -0.1vw);
  transform: translate(-0.1vw, -0.1vw);
}

.member_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.member_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1.5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-link {
  position: relative;
  width: 4vw;
  height: 4vw;
  margin-right: 0.5vw;
  margin-left: 0.5vw;
}

.sec4_bg-2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -1;
  width: 100%;
  max-width: none;
}

.logo-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 14vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.logo-link.is--regular {
  width: auto;
  opacity: 1;
}

.modal_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hero_title-wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding: 0.94em 5em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  text-align: center;
}

.hero_title-wrap.w--current {
  width: 55vw;
  height: 14vw;
  padding-left: 0em;
  -webkit-transform: translate(-15vw, -4vw) scale(0.3);
  -ms-transform: translate(-15vw, -4vw) scale(0.3);
  transform: translate(-15vw, -4vw) scale(0.3);
}

.mint-now_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2vw 6vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 0.04rem;
  border-color: rgba(255, 255, 255, 0.48);
  border-radius: 1rem;
  background-color: rgba(44, 25, 66, 0.74);
  box-shadow: 1px 1px 7px -2px #000;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.mint_now-wrap-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 12vw;
  margin-bottom: 2vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.t-symbol {
  position: static;
  background-color: #2c1942;
  font-size: 2vw;
}

.nav-bar_trigger {
  position: relative;
  overflow: visible;
}

.space-medium {
  width: 100%;
  height: 1.04vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-trigger {
  position: absolute;
  left: 0%;
  top: -25vw;
  right: 0%;
  bottom: auto;
  width: 100%;
  height: 102.5%;
}

.faq-arrow {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 1vw;
  max-width: none;
  margin-top: 3.4vw;
  margin-right: 2.6vw;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.faq-arrow.active {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.scroll_down-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 800;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  padding-top: 20vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.scroll-down-arrow {
  width: 0.6vw;
  max-width: none;
  margin-left: 0.6vw;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tumbstone_glow {
  position: absolute;
  left: -10%;
  top: -10%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120%;
  height: 120%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  opacity: 1;
}

.img-full-2 {
  width: 110%;
  height: 110%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.page_wrapper {
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1.5vw;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .section.is--2 {
    margin-top: -39vw;
  }

  .section.is--3 {
    margin-top: -25vw;
    margin-bottom: -85vw;
  }

  .section.is--4 {
    overflow: visible;
  }

  .container.cc-navbar {
    padding-right: 2.22em;
    padding-left: 2.22em;
  }

  .container.cc-sec3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .social-media-img {
    width: 4em;
  }

  .hero_bg {
    z-index: -3;
  }

  .hero_bg.hide-tablet {
    display: none;
  }

  .hero_floor.hide-tablet {
    display: none;
  }

  .hero_floor.show-tablet {
    top: 0px;
  }

  .chains {
    position: relative;
    right: auto;
    width: 6vw;
    margin: 5vw;
  }

  .chains.cc-2 {
    right: auto;
  }

  .chains.cc-3 {
    right: auto;
  }

  .chains.cc-4 {
    right: auto;
  }

  .bg-green-sec2 {
    width: 100%;
    height: 100%;
    max-width: none;
  }

  .sec3-bg {
    height: 96%;
  }

  .bg-sec4.show-tablet {
    height: 700vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .sec3-4-img {
    top: -87vw;
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }

  .sec3-4-img.show-tablet {
    -webkit-filter: none;
    filter: none;
  }

  .roadmap_wrapper {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 100%;
    margin-top: 167vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: transparent;
  }

  .roadmap_item-4 {
    width: 40vw;
  }

  .roadmap_item-4:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .roadmap_item-2 {
    bottom: 0vw;
    width: 35vw;
  }

  .roadmap_item-2:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .roadmap_item-3 {
    width: 40vw;
  }

  .roadmap_item-3:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .roadmap_item-1 {
    bottom: -11.4vw;
    width: 40vw;
    margin-bottom: 152vw;
  }

  .roadmap_item-1:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .hero_floor-2 {
    top: 19vw;
    bottom: auto;
  }

  .bg-sec1-bottom {
    bottom: -54vw;
  }

  .team-members_wrapper {
    top: 132.3vw;
    width: 80vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .team-members_wrapper.is--2 {
    top: 245.6vw;
  }

  .crypto-card-up {
    left: 7.5vw;
    top: auto;
    right: auto;
    bottom: 30vw;
    width: 38vw;
    height: 54vw;
    border-radius: 3vw;
    background-color: #2c1942;
  }

  .crypto-card-up.cc-2 {
    bottom: -30vw;
  }

  .crypto-card-up.cc-0 {
    bottom: 90vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.22vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .crypto-card-down {
    top: 80vw;
    right: 7.5vw;
    width: 38vw;
    height: 54vw;
    border-radius: 3vw;
    background-color: #71c34e;
  }

  .crypto-card-down.cc-2 {
    top: 140vw;
  }

  .chains-trigger {
    height: 220vw;
    margin-top: 30vw;
  }

  .hero_moon {
    position: absolute;
    left: auto;
    top: 39.7vw;
    right: 8.5vw;
    bottom: auto;
    width: 42%;
  }

  .bg_sec2-top {
    position: relative;
    width: 100%;
    max-width: none;
  }

  .bg_sec2-top.show-tablet {
    margin-bottom: 135vw;
  }

  .bg_sec2-bottom {
    position: relative;
  }

  .bg_sec2-bottom.show-tablet {
    z-index: 10;
    width: 100%;
    max-width: none;
  }

  .spacer-chains {
    width: 15vw;
    height: 100%;
  }

  .sec3_extragraveyard {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    margin-bottom: 100vw;
  }

  .preloader-circle-1 {
    width: 200vh;
    height: 200vh;
  }

  .preloader-circle-2 {
    width: 200vh;
    height: 200vh;
  }

  .preloader-zom-logo {
    width: 80%;
  }

  .preloader-circle-3 {
    width: 200vh;
    height: 200vh;
  }

  .moon_glow {
    left: auto;
    top: 45.9vw;
    right: 15.4vw;
    width: 30vw;
    height: 30vw;
  }

  .modal_item {
    width: 80vw;
    border-radius: 2vw;
  }

  .modal_item.active {
    padding: 4.22vw;
  }

  .faq_wrapper {
    top: 570vw;
  }

  .t2 {
    font-size: 6vw;
  }

  .t3.is--sec2 {
    font-size: 2.8vw;
    line-height: 1.33;
  }

  .t3.is--sec3 {
    font-size: 7vw;
    line-height: 1.33;
  }

  .p {
    font-size: 2vw;
  }

  .p.is--sec2 {
    font-size: 1.7vw;
    line-height: 1.7;
  }

  .p.is--scrolldown {
    font-size: 1.5vw;
  }

  .p.active-sec3 {
    font-size: 2.2vw;
  }

  .faq_item {
    margin-bottom: 3.6vw;
  }

  .faq_answer.active {
    height: 13.5vw;
  }

  .faq_answer.is--2.active {
    height: 11vw;
  }

  .faq_answer.is--3.active {
    height: 17vw;
  }

  .faq_answer.is--4.active {
    height: 16.5vw;
  }

  .faq_answer.is--5.active {
    height: 13.5vw;
  }

  .text-grave-1 {
    font-size: 6vw;
  }

  .text-grave-2 {
    font-size: 6vw;
  }

  .text-grave-3 {
    font-size: 6vw;
  }

  .text-grave-4 {
    font-size: 6vw;
  }

  .sec3_title-wrap {
    left: auto;
    top: 120vw;
    width: 90vw;
    text-align: center;
  }

  .sec4_title-wrap {
    top: 112vw;
  }

  .sec2_title-wrap {
    left: 6.5vw;
    top: 104.3vw;
    width: 42.5vw;
  }

  .sec2_title-wrap.show-tablet {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  .lamp {
    left: 17.73vw;
    top: 232.3vw;
    z-index: 3;
    width: 15vw;
  }

  .lamp-light {
    left: -18vw;
    top: 194.7vw;
    width: 100vw;
  }

  .button.is--connectwallet {
    padding: 1.5vw 2.5vw;
  }

  .button.is--plus {
    width: 8vw;
    height: 8vw;
  }

  .t4.is-connectwallet {
    font-size: 2vw;
  }

  .member_item {
    width: 34.30799999999999vw;
    margin-bottom: 6vw;
  }

  .social-link {
    width: 6vw;
    height: 6vw;
  }

  .sec4_bg-2.show-tablet {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .logo-link {
    width: 18vw;
  }

  .modal_2 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(113, 195, 78, 0.5);
  }

  .modal_2.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(44, 25, 66, 0.5);
  }

  .modal_2-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 80vw;
    max-height: 90vh;
    padding: 4vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 1rem;
    background-color: #2c1942;
  }

  .modal_2-div {
    width: 90%;
  }

  .modal_2-bg {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: -1;
  }

  .hero_title-wrap {
    padding-right: 2.22em;
    padding-left: 2.22em;
  }

  .hero_title-wrap.w--current {
    -webkit-transform: translate(-15vw, -2.7vw) scale(0.4);
    -ms-transform: translate(-15vw, -2.7vw) scale(0.4);
    transform: translate(-15vw, -2.7vw) scale(0.4);
  }

  .mint_now-wrap-2 {
    width: 30vw;
  }

  .t-symbol {
    font-size: 5vw;
  }

  .space-medium {
    height: 2.08vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .nav-trigger {
    top: -42vw;
    height: 102.1%;
  }

  .faq-arrow {
    width: 1.25vw;
  }

  .scroll_down-wrap {
    padding-top: 23vw;
  }

  .scroll-down-arrow {
    width: 1vw;
    margin-left: 1vw;
  }

  .sec4_img-wrap {
    width: 100%;
  }

  .img-full-2 {
    width: 105%;
    height: 105%;
  }
}

@media screen and (max-width: 767px) {
  .hide-landscape {
    display: none;
  }

  .show-landscape {
    display: block;
  }

  .chains-trigger {
    margin-top: 45vw;
  }

  .modal-title {
    font-size: 3vw;
  }

  .p.is--scrolldown {
    font-size: 1.8vw;
  }

  .space-large {
    height: 5.5vw;
  }

  .button.is--connectwallet {
    padding: 2.5vw 4.5vw;
  }

  .t4.is-connectwallet {
    font-size: 2.5vw;
  }

  .modal_2-item {
    padding: 5vw;
  }

  .mint_now-wrap-2 {
    margin-bottom: 5vw;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 3vw;
  }

  .hide-portrait {
    display: none;
  }

  .show-portrait {
    display: block;
  }

  .container.cc-commingsoon {
    position: relative;
  }

  .container.cc-navbar {
    padding-right: 1.11em;
    padding-left: 0.555em;
  }

  .container.is-footer {
    bottom: 16vw;
  }

  .container.is--connectwallet {
    overflow: hidden;
    height: 100vh;
  }

  .logo {
    width: 10em;
  }

  .logo.is--invisible {
    width: 8.5em;
  }

  .nav-bar_div-right.cc-footer {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .social-media-img {
    width: 4.5em;
  }

  .nav-bar_social-media-links.is--mobile {
    position: fixed;
    left: 1.11em;
    top: auto;
    right: auto;
    bottom: 3.41em;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0em;
  }

  .nav-bar_social-media-links.is--mobile.is--2 {
    bottom: 9.11em;
  }

  .hero_bg.hide-tablet {
    display: block;
  }

  .chains {
    margin-right: 20vw;
    margin-left: 20vw;
  }

  .bg-sec4.show-tablet {
    height: 850vw;
  }

  .sec3-4-img.show-tablet {
    position: absolute;
    display: block;
    overflow: scroll;
    margin-right: 0px;
    margin-left: 0px;
    border-left: 0px solid #000;
    font-size: 3vw;
    -o-object-fit: fill;
    object-fit: fill;
  }

  .roadmap_item-2.open-modal {
    bottom: -2.1vw;
  }

  .hero_floor-2 {
    top: 16.9vw;
  }

  .team-members_wrapper {
    top: 72.5vw;
    width: 95vw;
  }

  .team-members_wrapper.is--2 {
    top: 214.8vw;
  }

  .crypto-card-up {
    left: auto;
    top: 320vw;
    bottom: auto;
    width: 80vw;
    height: 110vw;
    border-radius: 5vw;
  }

  .crypto-card-up.cc-2 {
    top: 450vw;
    bottom: auto;
  }

  .crypto-card-up.cc-0 {
    top: 190vw;
    padding: 4.22vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .crypto-card-down {
    top: 580vw;
    right: auto;
    width: 80vw;
    height: 110vw;
    border-radius: 5vw;
  }

  .crypto-card-down.cc-2 {
    top: 710vw;
  }

  .chains-trigger {
    height: 700vw;
  }

  .hero_moon {
    top: 39.5vw;
    right: 11vw;
    width: 40%;
  }

  .bg_sec2-top.show-tablet {
    margin-bottom: 480vw;
  }

  .preloader-zom-logo {
    width: 100%;
  }

  .modal_item {
    width: 90vw;
    padding: 4.22vw;
    border-radius: 3.5vw;
  }

  .modal_item.active {
    padding: 7.22vw 4.22vw;
    background-color: #2c1942;
  }

  .modal-title {
    font-size: 4.5vw;
  }

  .modal_x.close-modal {
    top: 4.22vw;
    right: 4.22vw;
  }

  .modal_x.close-modal-2 {
    top: 4.22vw;
    right: 4.22vw;
  }

  .faq_wrapper {
    top: 570vw;
  }

  .t1 {
    font-size: 8vw;
  }

  .t1.is-hero {
    font-size: 18vw;
  }

  .t2 {
    font-size: 8vw;
  }

  .t2.is--number {
    font-size: 10vw;
  }

  .t3 {
    font-size: 5vw;
  }

  .t3.is--sec2 {
    font-size: 5vw;
    line-height: 1.4;
  }

  .t3.is--sec3 {
    font-size: 8vw;
    line-height: 1.4;
  }

  .t4 {
    font-size: 4.5vw;
  }

  .t5 {
    font-size: 3.5vw;
  }

  .t6 {
    font-size: 3vw;
  }

  .p {
    font-size: 4vw;
  }

  .p.is--sec2 {
    font-size: 3.8vw;
  }

  .p.is--scrolldown {
    font-size: 3.5vw;
  }

  .p.active-sec3 {
    font-size: 3vw;
  }

  .space-large {
    height: 6vw;
  }

  .faq_item {
    padding: 4.6vw 12.56vw 2.56vw 2.56vw;
  }

  .faq_answer.active {
    height: 59vw;
  }

  .faq_answer.is--1.active {
    height: 60vw;
  }

  .faq_answer.is--2.active {
    height: 52vw;
  }

  .faq_answer.is--3.active {
    height: 65vw;
  }

  .faq_answer.is--4.active {
    height: 64vw;
  }

  .faq_answer.is--5.active {
    height: 59vw;
  }

  .space-small {
    height: 2.04vw;
  }

  .text-grave-1 {
    font-size: 8vw;
    text-shadow: 1px 1px 6px #fff;
  }

  .text-grave-2 {
    font-size: 8vw;
    text-shadow: 1px 1px 6px #fff;
  }

  .text-grave-3 {
    font-size: 8vw;
    text-shadow: 1px 1px 6px #fff;
  }

  .text-grave-4 {
    font-size: 8vw;
    text-shadow: 1px 1px 6px #fff;
  }

  .sec4_title-wrap {
    top: 55vw;
  }

  .sec2_title-wrap {
    left: 5vw;
    top: 96.3vw;
    width: 90vw;
  }

  .lamp {
    left: 2.73vw;
    top: 518.3vw;
    width: 35vw;
  }

  .lamp-light {
    left: -33.3vw;
    top: 478.7vw;
    width: 120vw;
  }

  .footer_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer_left {
    margin-top: 3em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button.is--nav {
    position: absolute;
    left: auto;
    top: 1.41em;
    right: 1.11em;
    bottom: auto;
    padding: 1.41em 2.62em;
  }

  .button.is--nav.hidden {
    padding: 1.11em 1.82em;
  }

  .button.is--connectwallet {
    padding: 4.5vw 6.5vw;
  }

  .button.is--plus {
    width: 15vw;
    height: 15vw;
  }

  .t4.is-connectwallet {
    font-size: 4vw;
  }

  .member_item {
    width: 45vw;
    margin-bottom: 5vw;
  }

  .member_profile-wrap {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0px 0px;
    background-size: auto;
  }

  .member_wrap {
    width: 90%;
  }

  .member_info {
    margin-top: 2vw;
  }

  .social-link {
    width: 10vw;
    height: 10vw;
  }

  .logo-link {
    width: 45vw;
  }

  .modal_2.active {
    background-color: rgba(44, 25, 66, 0.5);
  }

  .modal_2-item {
    width: 90vw;
    padding: 8.22vw;
    background-color: #2c1942;
  }

  .hero_title-wrap {
    padding-right: 0.55em;
    padding-left: 0.55em;
  }

  .hero_title-wrap.w--current {
    width: 85vw;
    -webkit-transform: translate(-19vw, 3vw) scale(0.5);
    -ms-transform: translate(-19vw, 3vw) scale(0.5);
    transform: translate(-19vw, 3vw) scale(0.5);
  }

  .mint_now-wrap-2 {
    width: 50vw;
  }

  .t-symbol {
    font-size: 8vw;
  }

  .space-medium {
    height: 2.04vw;
  }

  .nav-trigger {
    top: -47.9vw;
  }

  .faq-arrow {
    width: 2.5vw;
    margin-top: 6.4vw;
    margin-right: 4.6vw;
  }

  .scroll_down-wrap {
    padding-top: 40vw;
  }

  .scroll-down-arrow {
    width: 2vw;
    margin-left: 1.5vw;
  }
}

@font-face {
  font-family: 'Doublefeatur';
  src: url('../fonts/DoubleFeature20.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}