.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content {
  min-height: 100dvh;
  position: absolute;
  inset: 0%;
}

.background {
  background-color: #000;
  width: 100vw;
  height: 100vh;
  overflow: clip;
}

.firstlanding {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.firstlanding.open {
  display: none;
}

.firstlanding.closed {
  z-index: 1;
  display: block;
  inset: 0%;
  transform: none;
}

.firstlanding.inner {
  object-position: 50% 100%;
  display: block;
  position: absolute;
}

.firstlanding.inner.wa {
  height: auto;
  inset: auto 0% 0%;
}

.contentinner {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title {
  margin-top: 40px;
  margin-bottom: 0;
}

.spacer {
  flex: 1;
}

.button {
  object-position: 50% 0%;
}

.section {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: none;
}

.section.first {
  display: block;
}

.curtain {
  object-fit: cover;
  width: 100vw;
  height: 100dvh;
  position: absolute;
}

.curtain.top {
  z-index: 5;
  object-position: 50% 0%;
  width: 100vw;
  height: auto;
}

.curtain.right, .curtain.left {
  z-index: 4;
  width: 100vw;
  height: 100vh;
}

.curtain.bg {
  object-position: 50% 100%;
  width: 100vw;
  height: 100vh;
}

.sectioninner {
  height: 100vh;
  position: relative;
}

.webcontent {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.webcontent.landsing {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  place-items: center;
  height: 100vh;
  display: grid;
}

.webcontent.inside {
  opacity: 0;
  display: none;
}

.video {
  width: 500px;
  max-height: 50px;
}

.videowrapper {
  border: 10px solid #5c381c;
  border-radius: 5px;
  width: 95%;
}

.blackout {
  z-index: 2;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.spacebg {
  object-fit: contain;
  object-position: 50% 100%;
  width: 100%;
  height: 100dvw;
}

.section-2 {
  max-width: 1920px;
}

.space {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100vw;
  height: 100vh;
}

.planet {
  z-index: 2;
  width: 400px;
  position: absolute;
  inset: 0%;
}

.planet.yellow {
  margin-top: 16px;
  margin-right: 17px;
  inset: 0% 0% auto auto;
}

.planet.pink {
  margin-top: 6%;
  margin-left: 20%;
  padding-left: 0;
  inset: 0% auto auto 0%;
}

.planet.blue {
  margin-top: 49px;
  margin-left: 45px;
}

.planet.ufo {
  z-index: 5;
  inset: auto auto 0% 0%;
}

.section-3 {
  height: 100vh;
}

.water {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100vw;
  height: 100vh;
}

.waterprop {
  z-index: 2;
  width: 400px;
  height: auto;
  position: absolute;
  inset: 0%;
}

.waterprop.whale {
  transform-style: preserve-3d;
  width: 500px;
  inset: 0% 0% auto auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(12deg);
}

.waterprop.ploft {
  z-index: 5;
  width: 500px;
  inset: auto auto 0% 0%;
}

.waterprop.ploft.explo {
  z-index: 7;
  display: none;
}

.div-block {
  background-color: #282828;
  height: 100vh;
}

.office {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100vw;
  height: 100vh;
}

.officeitem {
  width: 100vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.officeitem.cloth {
  align-self: center;
  width: 90%;
  margin-left: 5%;
}

.officeitem.judge {
  z-index: 1;
  width: 130vw;
  max-width: none;
  margin-left: -15vw;
  inset: auto 0% 0%;
}

.officewrap {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.grid {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  align-content: stretch;
  height: 90%;
  margin-top: 5%;
  margin-left: 102px;
  margin-right: 100px;
  font-size: 18px;
  position: absolute;
  inset: 0% 0% auto;
}

.clothoffice {
  width: 100%;
}

.clothoffice.mobile {
  display: none;
}

.cawrapper {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.catext {
  background-color: #63555d;
  border: 3px solid #000;
  border-bottom-width: 6px;
  border-radius: 10px;
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cacopy {
  background-color: #60565c;
  border: 3px solid #000;
  border-bottom-width: 6px;
  border-radius: 10px;
  padding: 10px;
}

.buynow_cloth {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.copy-ca-cloth {
  margin-top: 0;
  margin-bottom: 0;
}

.black-line {
  z-index: 0;
  background-color: #010101;
  width: 100vw;
  height: 10px;
  position: absolute;
  inset: auto 0% 0%;
}

.ploftoffice {
  z-index: 1;
  width: 20vw;
  margin-bottom: 146px;
  margin-right: -43px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.innerwrappper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.outerwrapper {
  font-family: Varela Round, sans-serif;
  overflow: hidden;
}

.tokenomicswrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #a451f266;
  border: 3px solid #8644c5;
  border-bottom-width: 6px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  padding: 30px;
  display: grid;
}

.tokenomicswrapper.ocean {
  background-color: #4c679a66;
  border-color: #4c679a;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  margin-left: 30px;
  margin-right: 30px;
  display: block;
}

.tokenwrap {
  text-align: center;
  background-color: #ffa9e4;
  border: 3px solid #974d5a;
  border-bottom-width: 6px;
  border-radius: 10px;
  padding: 0 32px;
}

.tokenwrap.ocean {
  background-color: #6d9f86;
  border-color: #c8da4c;
}

.tokentitle.ocean {
  color: #c8da4c;
  text-shadow: 1px 2px 1px #3f5a8b;
}

.tokedesc.ocean {
  color: #000;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
}

.heading {
  color: #efb2e0;
  text-align: center;
  text-shadow: 1px 4px #8a555a;
  overflow-wrap: normal;
}

.heading.ocean {
  color: #ccd864;
  text-shadow: 1px 4px #3f5a8b;
}

.boldroadmap {
  color: #e2f561;
}

.tabs-content {
  background-color: #6d9f86;
  border: 3px solid #c8da4c;
  border-bottom-width: 6px;
  border-radius: 10px;
  margin-top: 28px;
  margin-bottom: 28px;
  padding: 20px;
}

.tab-link-tab-1 {
  background-color: #ddd0;
}

.tab-link-tab-1.w--current {
  color: #c8da4c;
  background-color: #f000;
  text-decoration: underline;
}

.tab-link-tab-2 {
  background-color: #ddd0;
}

.tab-link-tab-2.w--current {
  color: #c8da4c;
  background-color: #f000;
  text-decoration: underline;
}

.tab-link-tab-3 {
  background-color: #ddd0;
}

.tab-link-tab-3.w--current {
  color: #c8da4c;
  background-color: #ca282800;
  text-decoration: underline;
}

.tab-link-tab-4 {
  background-color: #ddd0;
}

.tab-link-tab-4.w--current {
  color: #ccd864;
  background-color: #c2272700;
  text-decoration: underline;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.offcie-inner {
  position: relative;
}

.ploftwrapper {
  justify-content: center;
  align-items: center;
}

.short {
  width: 300px;
  position: absolute;
}

.short.ploftss {
  position: static;
  inset: 0%;
}

.long {
  width: 300px;
  position: absolute;
}

.long.ploftss {
  display: none;
  position: static;
}

.headerimg {
  width: 50%;
  margin-top: 29px;
}

.enterbtn {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.entersign {
  color: #000;
  cursor: pointer;
  margin-bottom: 100px;
  position: relative;
}

.entersign:hover {
  color: #fff;
}

.image-2 {
  width: 40vw;
}

.wata {
  background-image: url('../images/bellywa2.png');
  background-position: 0 0;
  background-size: auto;
  width: 100vw;
  height: 300px;
  position: absolute;
  inset: auto 0% 0%;
}

.watawrap {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.watah {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.watahwwrap {
  position: relative;
}

.innerwrapploft {
  width: 300px;
  margin-bottom: -77px;
  padding-bottom: 0;
  position: relative;
}

.image-3 {
  min-height: 200px;
}

.section-4 {
  background-color: #282828;
}

.pfpwrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pfpoptions {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bodyploft {
  width: 500px;
}

.selection {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.arrow {
  cursor: pointer;
  background-color: #ffffff21;
  border: 3px solid #202020;
  border-bottom-width: 6px;
  border-radius: 10px;
  width: 80px;
  height: 80px;
}

.arrow:hover {
  background-color: #ffffff40;
}

.image-5 {
  border-radius: 1px;
  height: 100%;
}

.arrowicon {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 76px;
}

.innerwrapimg {
  border: 3px solid #202020;
  border-bottom-width: 6px;
  border-radius: 10px;
  position: relative;
}

.arrowimgwrap {
  background-color: #ffffff08;
  border: 3px solid #202020;
  border-bottom-width: 6px;
  border-radius: 10px;
  height: 100%;
}

.pfpheader {
  color: #a7a7a7;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.pfpoutwrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #282828;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
}

.pfpsub {
  color: #707070;
  text-align: center;
}

.pfphead {
  color: #fff;
  text-align: center;
  text-shadow: 1px 4px 1px #946666;
  margin-top: 0;
  margin-bottom: 0;
}

.centerbtn {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.download {
  background-color: #ffffff08;
  border: 3px solid #202020;
  border-bottom-width: 6px;
  border-radius: 10px;
  flex: 1;
  height: 100%;
}

.download:hover {
  background-color: #ffffff1a;
}

.random {
  cursor: pointer;
  background-color: #ffffff08;
  border: 3px solid #202020;
  border-bottom-width: 6px;
  border-radius: 10px;
  width: 80px;
  height: 100%;
  flex:1;
}

.random:hover {
  background-color: #ffffff1a;
}

.centerbtnheader {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 76px;
}

.pfpaddon {
  width: 500px;
  position: absolute;
}

.subheader {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
}

.subheader.ca {
  color: #a59775;
  font-size: 20px;
}

.subheader.ca.love {
  color: #8e5803;
}

.social-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.social-wrapper.btn {
  margin-top: 0;
}

.socialbuttn {
  cursor: pointer;
  border: 1px solid #5259634d;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 15px;
  transition: background-color .2s;
  display: flex;
}

.socialbuttn:hover {
  background-color: #5259634d;
}

.socialbuttn.btn {
  border-width: 3px 3px 6px;
  border-color: #202020;
  border-radius: 10px;
}

.socialbuttn.btn.into {
  background-color: #af3b25;
}

.button-row {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #5259634d;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  font-family: Inconsolata, monospace;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s, border .2s;
  display: flex;
}

.button-2:hover {
  border-color: #525963eb;
  font-weight: 700;
}

.button-2.tokenomics.z {
  background-color: #444;
  border-width: 3px 3px 6px;
  border-color: #202020;
  border-radius: 10px;
}

.div-block-2 {
  border: 1px solid #5259634d;
  padding: 50px 20px;
}

.div-block-2.road {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-2.road.cop {
  background-color: #282828;
  border-width: 0;
  margin-bottom: 0;
}

.mainheader {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
}

.mainheader.sdf {
  font-size: 48px;
}

.section-5 {
  background-color: #282828;
}

.pfpbackground {
  border-radius: 10px;
  width: 500px;
}

.heading-3 {
  text-align: center;
  align-self: center;
  width: 75%;
  font-size: 30px;
}

.paragraph {
  color: #961c17;
  cursor: pointer;
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.paragraph:hover {
  text-decoration: underline;
}

.paragraph.ca {
  cursor: auto;
}

.image-6 {
  width: 50%;
}

.heading-4 {
  color: #fff;
  font-size: 50px;
}

.background-video {
  height: 700px;
}

@media screen and (min-width: 1280px) {
  .grid {
    inset: 0% 0% auto;
  }

  .mainheader {
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .videowrapper {
    width: 85%;
  }

  .grid {
    margin-left: 126px;
    margin-right: 126px;
  }

  .tokenomicswrapper.ocean {
    display: block;
  }

  .tabs-content {
    background-color: #6d9f86;
    border: 3px solid #c8da4c;
    border-bottom-width: 6px;
    border-radius: 10px;
  }
}

@media screen and (min-width: 1920px) {
  .background {
    display: block;
    overflow: hidden;
  }

  .curtain.top, .curtain.right, .curtain.left, .curtain.bg {
    overflow: hidden;
  }

  .sectioninner {
    overflow: clip;
  }

  .videowrapper {
    width: 40%;
  }

  .officeitem.cloth {
    width: 50%;
    margin-left: 25%;
  }

  .officeitem.judge {
    width: 70vw;
    max-width: none;
  }

  .grid {
    margin-left: 149px;
    margin-right: 149px;
  }

  .ploftoffice {
    width: 10vw;
    margin-right: 377px;
  }

  .innerwrappper {
    overflow: clip;
  }

  .outerwrapper {
    max-width: 100vw;
    overflow: clip;
  }

  .tokenomicswrapper {
    padding-left: 191px;
    padding-right: 191px;
  }

  .tokenomicswrapper.ocean {
    margin-left: 523px;
    margin-right: 523px;
    padding-left: 59px;
    padding-right: 59px;
  }

  .tokenwrap {
    margin-left: 6px;
    margin-right: 6px;
    padding-left: 44px;
    padding-right: 44px;
  }

  .tokentitle.ocean {
    font-size: 32px;
  }

  .tokedesc.ocean {
    font-size: 24px;
  }

  .heading {
    font-size: 48px;
  }

  .short.ploftss, .long.ploftss {
    width: 400px;
  }

  .headerimg {
    width: 30%;
    margin-top: 1px;
  }

  .image-2 {
    width: 20vw;
  }

  .image-3 {
    width: 100vw;
  }

  .heading-3 {
    width: 50%;
  }

  .image-6 {
    width: 30%;
  }
}

@media screen and (max-width: 991px) {
  .contentinner {
    height: 100dvh;
  }

  .curtain.top {
    width: 200%;
    max-width: 200%;
  }

  .planet.yellow {
    width: 200px;
  }

  .planet.pink {
    width: 200px;
    margin-top: 25%;
    margin-left: 34%;
  }

  .planet.blue {
    width: 300px;
    margin-top: 48px;
  }

  .officeitem {
    inset: auto 0% 0%;
  }

  .officeitem.cloth {
    width: 100%;
    margin-bottom: 352px;
    margin-left: 0%;
    padding-bottom: 0;
  }

  .officeitem.table {
    padding-bottom: 325px;
  }

  .officeitem.judge {
    width: 130vw;
    max-width: none;
    margin-left: -10vw;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 69px;
    margin-right: 69px;
    font-size: 16px;
  }

  .clothoffice {
    display: none;
  }

  .clothoffice.mobile {
    display: block;
  }

  .clothoffice.mobile.sm {
    display: none;
  }

  .cawrapper {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .catext {
    flex: 1;
  }

  .cacopy {
    background-color: #60565c;
  }

  .black-line {
    height: 4px;
  }

  .ploftoffice {
    z-index: 1;
    width: 25vw;
    margin-bottom: 189px;
    margin-right: -3px;
  }

  .headerimg {
    width: 80%;
  }

  .image-2 {
    width: 50vw;
  }

  .pfpwrapper {
    flex-flow: column;
  }

  .selection {
    height: 60px;
  }

  .arrow {
    width: 60px;
    height: 60px;
  }

  .image-5 {
    border-radius: 10px;
  }

  .arrowicon {
    line-height: 53px;
  }

  .pfpheader {
    font-size: 22px;
  }

  .pfpoutwrap {
    height: auto;
    min-height: 100vh;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .centerbtn {
    height: 60px;
  }

  .centerbtnheader {
    font-size: 28px;
    line-height: 53px;
  }

  .subheader.ca {
    font-size: 16px;
  }

  .button-2.tokenomics.z {
    background-color: #444;
    border-width: 3px 3px 6px;
    border-color: #202020;
    border-radius: 10px;
  }

  .div-block-2.road.cop {
    border-width: 0;
    border-bottom-style: none;
    border-left-style: none;
  }

  .heading-3 {
    font-size: 25px;
  }

  .image-6 {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .curtain.top {
    width: 300%;
    max-width: 300%;
  }

  .planet.pink {
    margin-top: 43%;
  }

  .planet.blue {
    width: 250px;
    margin-left: 4px;
  }

  .planet.ufo {
    width: 400px;
  }

  .officeitem.cloth {
    margin-bottom: 476px;
  }

  .grid {
    grid-template-columns: 1fr;
    margin-left: 53px;
    margin-right: 53px;
    font-size: 14px;
  }

  .griditem {
    margin-top: -19px;
    margin-bottom: -19px;
  }

  .ploftoffice {
    margin-bottom: 177px;
    margin-right: 95px;
  }

  .tokenomicswrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .headerimg {
    width: 95%;
  }

  .image-2 {
    width: 80vw;
  }

  .image-3 {
    object-fit: cover;
  }

  .bodyploft {
    width: 400px;
  }

  .centerbtnheader {
    line-height: 53px;
  }

  .subheader.ca {
    font-size: 12px;
    line-height: 20px;
  }

  .button-row {
    flex-direction: column;
  }

  .mainheader.sdf {
    font-size: 28px;
  }

  .heading-3 {
    font-size: 20px;
  }

  .background-video {
    height: 400px;
  }
}

@media screen and (max-width: 479px) {
  .background {
    aspect-ratio: auto;
  }

  .background.office {
    height: 150vh;
  }

  .firstlanding.open {
    height: 100dvh;
    position: fixed;
  }

  .firstlanding.inner {
    display: none;
  }

  .curtain.top {
    width: 500%;
    max-width: 500%;
  }

  .sectioninner {
    overflow: clip;
  }

  .sectioninner.office {
    width: 100vw;
    height: auto;
  }

  .planet.yellow {
    width: 200px;
    margin-top: 54px;
    margin-right: -63px;
  }

  .planet.pink {
    width: 150px;
    margin-top: 62%;
    margin-left: 14%;
  }

  .planet.blue {
    width: 150px;
    margin-top: 57px;
    margin-left: 1px;
  }

  .planet.ufo {
    z-index: 5;
    width: 200px;
  }

  .waterprop.whale {
    width: 300px;
  }

  .waterprop.ploft {
    z-index: 5;
  }

  .office {
    height: 150vh;
  }

  .officeitem.cloth {
    margin-bottom: 0;
    inset: 0% 0% auto;
  }

  .officeitem.judge {
    width: 130vw;
    margin-left: -15vw;
  }

  .grid {
    margin-left: 34px;
    margin-right: 34px;
  }

  .clothoffice.mobile {
    display: none;
  }

  .clothoffice.mobile.sm {
    display: block;
  }

  .ploftoffice {
    width: 30vw;
    margin-bottom: 77px;
    margin-right: 0;
  }

  .howh2 {
    font-size: 16px;
  }

  .tokenomicswrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 9px;
  }

  .tokenomicswrapper.ocean {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tokenwrap {
    margin-left: -1px;
    margin-right: -1px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .tokentitle {
    font-size: 16px;
  }

  .tokentitle.ocean {
    white-space: nowrap;
    font-size: 16px;
  }

  .tokedesc {
    font-size: 14px;
  }

  .tab-link-tab-1 {
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-tab-2, .tab-link-tab-3, .tab-link-tab-4.w--current {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pfpoptions {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .selection {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 50px;
  }

  .arrow {
    width: 50px;
    height: 50px;
  }

  .arrowicon {
    font-size: 25px;
    line-height: 43px;
  }

  .innerwrapimg {
    margin-left: 10px;
    margin-right: 10px;
  }

  .pfpheader {
    font-size: 18px;
  }

  .pfpsub {
    text-align: center;
  }

  .centerbtn {
    height: 50px;
  }

  .centerbtnheader {
    line-height: 43px;
  }

  .subheader {
    font-size: 25px;
  }

  .subheader.ca {
    font-size: 8px;
  }

  .subheader.ca.love {
    font-size: 15px;
  }

  .social-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .socialbuttn.btn {
    width: 58px;
  }

  .button-row {
    margin-top: 0;
  }

  .button-2.tokenomics {
    border-color: #ffffff4d;
  }

  .button-2.tokenomics.z {
    margin-top: 20px;
  }

  .div-block-2 {
    border-left-style: none;
    border-right-style: none;
    padding: 20px 0;
  }

  .mainheader {
    font-size: 30px;
  }

  .mainheader.sdf {
    font-size: 20px;
  }

  .heading-3 {
    font-size: 16px;
  }

  .background-video {
    height: 200px;
  }
}

#w-node-_0d62e2e8-7db1-ef92-116f-9be5cb37ec69-5a19d2fc {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ec70042f-5acb-9e70-e63e-17a70a7da769-5a19d2fc, #w-node-_96964f4c-9ea0-3e4a-3c58-5684f38f9a5b-5a19d2fc, #w-node-b22e26ca-8af4-a855-02f9-15e6516906af-5a19d2fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 767px) {
  #w-node-_96964f4c-9ea0-3e4a-3c58-5684f38f9a5b-5a19d2fc {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ec70042f-5acb-9e70-e63e-17a70a7da769-5a19d2fc {
    grid-column: span 1 / span 1;
  }
}