:root {
  --white: white;
  --black: black;
}

.body {
  background-color: #cbff88;
}

.section_hero {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  height: 100svh;
  display: flex;
  position: relative;
}

.chara_hero {
  z-index: 3;
  height: 70%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.hero_grass_bg {
  z-index: 1;
  flex-flow: column;
  height: 50%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.grass_bg_top {
  background-image: url('../images/hero_grass.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 25%;
  position: relative;
  top: 1px;
}

.grass_bg_bottom {
  background-color: #b4ed64;
  flex: auto;
}

.hero_grass_left {
  z-index: 4;
  height: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.grass_left {
  height: 100%;
}

.hero_grass_right {
  z-index: 4;
  height: 50%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.grass_right {
  height: 100%;
}

.section_about {
  z-index: 4;
  background-color: #cbff88;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 0 75px;
  display: flex;
  position: relative;
}

.separator {
  z-index: 4;
  background-color: #50621b;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.div-block {
  background-color: #2f3a0e;
  width: 100%;
  height: 100%;
}

.about_wrapper {
  background-color: #cbff88;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 75px;
  padding-bottom: 75px;
  display: flex;
  position: relative;
}

.h1 {
  z-index: 2;
  color: #2f3a0e;
  text-align: center;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 100px;
  line-height: 100px;
  position: relative;
}

.h1.shadow {
  z-index: 1;
  color: #82b046;
  -webkit-text-stroke-width: 0px;
  margin-top: 8px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.h1.dark {
  color: #b9dc4d;
}

.h1.shadow_dark {
  z-index: 1;
  color: #456a16;
  -webkit-text-stroke-width: 0px;
  margin-top: 8px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.h1.shadow_blue {
  z-index: 1;
  color: #446aca;
  -webkit-text-stroke-width: 0px;
  margin-top: 8px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.h1.blue {
  color: #87ff32;
}

.block_h1 {
  position: relative;
  transform: rotate(6deg);
}

.block_h1.h12 {
  transform: rotate(-6deg);
}

.chara_about {
  z-index: 5;
  height: 65%;
  margin-right: 25px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.grass_about {
  flex-flow: column;
  height: 50%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.grass_bg_under {
  background-color: #b4ed64;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex: auto;
}

.block_para {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  width: auto;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
  top: -44px;
  transform: rotate(6deg);
}

.para {
  color: #d4ff90;
  text-align: center;
  margin-bottom: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 23px;
  line-height: 30px;
  display: flex;
  position: static;
}

.section_tokenomics {
  z-index: 20;
  background-color: #191f06;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 75px;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.chara_tokenomics {
  height: 450px;
  margin-top: -129px;
  position: relative;
}

.green {
  z-index: 3;
  opacity: 1;
  mix-blend-mode: normal;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #2abd25);
  height: 15%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.block_tokenomics {
  background-color: #101304;
  border: 2px solid #5c711a;
  border-radius: 20px;
  flex-flow: column;
  width: 650px;
  height: auto;
  margin-top: 50px;
  padding: 15px 15px 150px;
  display: flex;
}

.tokenomics_details {
  background-color: #1d2d09;
  border: 2px solid #6a821f;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin-bottom: 15px;
  display: flex;
}

.h2 {
  color: #b9dc4d;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 20px;
}

.tokenomics_separator {
  background-color: #365410;
  width: 100%;
  height: 1px;
  margin-bottom: 15px;
}

.ca {
  color: #8aff4b;
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
}

.button {
  background-color: #1c2106;
  border: 2px solid #5c8b21;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 20px;
  display: flex;
}

.footer {
  z-index: 10;
  background-color: #2d516b;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-top: 0;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.footer_button {
  color: #b9dc4d;
  background-color: #191f06;
  border: 2px solid #a0d064;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  display: flex;
}

.footer_button:hover {
  color: #56ff1d;
  border-color: #c7ffc7;
}

.header {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  padding: 25px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.logo {
  width: 250px;
  height: 40px;
}

.header_right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.tg {
  background-color: #50621b;
  background-image: url('../images/telegram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  border: 2px solid #000;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  padding: 0;
}

.tg:hover {
  background-color: #89a730;
}

.menu_socials {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.menu_link {
  color: #50621b;
  background-color: rgba(0, 0, 0, 0);
  margin-right: 25px;
  padding: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.menu_link:hover {
  color: #95b731;
}

.x {
  background-color: #50621b;
  background-image: url('../images/twitter.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 92%;
  border: 2px solid #000;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  padding: 0;
}

.x:hover {
  background-color: #89a730;
}

.biglogo {
  z-index: 2;
  height: 250px;
  position: fixed;
  top: 95px;
  bottom: auto;
  left: auto;
  right: auto;
}

.section_welcome {
  z-index: 1500;
  background-color: #cbff88;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.h3 {
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 45px;
  line-height: 45px;
}

.continue {
  color: #b9dc4d;
  background-color: #191f06;
  border: 2px solid #a0d064;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  margin-top: 25px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 20px;
  display: flex;
}

.continue:hover {
  color: #56ff1d;
  border-color: #c7ffc7;
}

.section_about-copy {
  z-index: 4;
  background-color: #50621b;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 800px;
  padding: 25px;
  display: none;
  position: relative;
}

.about_chara {
  z-index: 2;
  width: 500px;
  height: 500px;
  margin-top: 50px;
  position: relative;
  transform: rotate(6deg);
}

.bud_about {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: relative;
}

.note_1, .note_2 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.note_3 {
  z-index: 2;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.about_bg {
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column;
  height: 60%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bg_top {
  background-image: url('../images/hero_grass.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 100px;
}

.bg_bottom {
  background-color: #b4ed64;
  flex: auto;
  display: block;
}

.separator_weed {
  z-index: 10;
  background-color: #aecc2e;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
  position: relative;
}

.separator_top {
  z-index: 50;
  background-image: url('../images/separator_top.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 70px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.separator_top.sepblue {
  background-image: url('../images/separator_top_b.svg');
}

.separator_bottom {
  z-index: 20;
  background-image: url('../images/separator_bottom.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 70px;
  margin-bottom: 100px;
  position: relative;
}

.separator_bottom.bottom_b {
  z-index: 20;
  background-image: url('../images/separator_bottom_b.svg');
}

.separator_dark {
  background-image: url('../images/separator_dark.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 120px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  transform: rotate(0);
}

.separator_dark.darkb {
  background-image: url('../images/separator_dark_b.svg');
}

.para_img {
  width: 700px;
}

.para_block {
  justify-content: center;
  align-items: center;
  padding: 50px 70px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-4 {
  z-index: 20;
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 200vw;
  height: auto;
  display: flex;
  position: relative;
  bottom: -117px;
  left: -50vw;
  transform: rotate(-7deg);
}

.tokenomics_section {
  z-index: 15;
  background-color: #21298a;
  background-image: linear-gradient(rgba(23, 35, 87, .33), #1f3372), url('../images/space_clouds.svg'), linear-gradient(#172357, #1f3372);
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, scroll;
  flex-flow: column;
  align-items: center;
  height: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.sep_blue_top {
  background-image: url('../images/separator_blue_top.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 80px;
}

.sep_blue_bottom {
  background-image: url('../images/separator_blue_bottom.svg');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 80px;
}

.div-block-6 {
  background-color: #274e9b;
  height: 80px;
}

.separator_blue {
  height: 100px;
}

.about_bg_yellow {
  z-index: 2;
  flex-flow: column;
  height: 50%;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.yellow_top {
  background-image: url('../images/about_bg.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 150px;
}

.yellow_bottom {
  background-color: #ccff7b;
  flex: auto;
}

.blue_sep_top {
  z-index: 10;
  background-image: url('../images/separator_blue_top.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  height: 80px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blue_sep {
  z-index: 25;
  background-color: #1f5cb5;
  width: 100%;
  height: 80px;
  position: relative;
}

.blue_sep_bottom {
  z-index: 10;
  background-image: url('../images/separator_blue_bottom.svg');
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  height: 80px;
  margin-bottom: 75px;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero_fly {
  z-index: 5;
  width: 800px;
  margin-top: 0;
  position: relative;
}

.planet {
  height: 300px;
  margin-top: 0;
  position: relative;
  top: 72px;
  bottom: 0%;
  left: auto;
  right: auto;
}

.section_how {
  z-index: 25;
  background-color: #cbff88;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-bottom: 75px;
  display: flex;
  position: relative;
}

.image {
  height: 300px;
  margin-top: -75px;
  margin-right: 200px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: rotate(6deg);
}

.tokenomics_block {
  width: 1000px;
  height: auto;
  margin-top: 25px;
}

.tokenomics_bg {
  width: 100%;
}

.tokenomics_bg2 {
  width: 100%;
  transform: rotate(180deg);
}

.div-block-8 {
  justify-content: flex-start;
  align-items: center;
  width: 200vw;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-9 {
  width: 100vw;
  height: 100%;
}

.div-block-10 {
  background-image: url('../images/separator_line.svg');
  background-position: 50% 100%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  margin-top: 50px;
}

.div-block-11 {
  background-color: #98cc4e;
  width: 100%;
  height: 400px;
}

.how_block {
  background-color: rgba(0, 0, 0, 0);
  border: 4px #000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  transform: rotate(-4deg);
}

.h4 {
  color: #000;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 50px;
  line-height: 50px;
}

.block_h12 {
  margin-bottom: 75px;
  position: relative;
  transform: rotate(6deg);
}

.block_h12.h12 {
  transform: rotate(-6deg);
}

.how_block_1 {
  width: 850px;
}

.how_para {
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.p3 {
  color: #c7ec81;
  text-align: center;
  margin-bottom: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.how_block2 {
  background-color: rgba(0, 0, 0, 0);
  border: 4px #000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  transform: rotate(7deg);
}

.how_block_2 {
  width: 850px;
}

.image-2 {
  margin-bottom: 0;
}

.smoker {
  z-index: 9;
  height: 550px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.logo_footer {
  width: auto;
  height: 200px;
}

.image-3 {
  height: 450px;
  margin-top: 50px;
  position: relative;
}

.div-block-12 {
  background-color: #7a654a;
  border-top: 3px solid #000;
  height: 150px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.smoke {
  z-index: 300;
  opacity: .55;
  pointer-events: none;
  mix-blend-mode: screen;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-video {
  width: 100%;
  height: 100%;
}

.rocket {
  margin-top: -37px;
  position: relative;
}

.fire {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-13 {
  margin-bottom: -75px;
  position: relative;
}

.image-4 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-14 {
  z-index: 12;
  mix-blend-mode: screen;
  background-image: url('../images/rain.gif');
  background-position: 50%;
  background-size: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.banner_title {
  opacity: .64;
  color: #000;
  justify-content: center;
  align-items: center;
  font-family: Super Ocean Personal Use, sans-serif;
  font-size: 70px;
  line-height: 80px;
  display: flex;
}

.button-2 {
  position: absolute;
}

.div-block-15 {
  z-index: 50;
  justify-content: space-between;
  align-items: center;
  height: 150px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-3 {
  background-color: #295117;
  border: 3px solid #000;
  border-bottom-width: 5px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 50px;
  margin-left: 10px;
  padding: 0;
  font-family: Super Ocean Personal Use, sans-serif;
  display: flex;
}

.button-3:hover {
  background-color: #86b33d;
}

.div-block-16 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-block {
  color: #000;
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
}

.block_ca {
  background-color: #101d48;
  border: 2px solid #000;
  border-bottom-width: 5px;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 650px;
  height: 60px;
  margin-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.ca_txt {
  color: #8fff3f;
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.copy {
  background-color: #070d24;
  background-image: url('../images/copy.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 4px;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  padding: 0;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
}

.copy:hover {
  background-color: #2e4aab;
}

.email {
  color: #8fff3f;
  margin-top: 15px;
  font-family: Changa One, Impact, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

@media screen and (max-width: 991px) {
  .hero_grass_left, .hero_grass_right {
    height: 35%;
  }

  .chara_about {
    height: 55%;
  }

  .biglogo {
    width: 90%;
    height: auto;
  }

  .hero_fly {
    width: 600px;
  }

  .image {
    margin-right: 50px;
  }

  .how_block_1 {
    width: 700px;
  }

  .p3 {
    font-size: 16px;
    line-height: 20px;
  }

  .smoker {
    height: 350px;
  }

  .logo_footer {
    width: 90%;
  }

  .div-block-14 {
    pointer-events: none;
  }

  .banner_title {
    font-size: 50px;
    line-height: 80px;
  }

  .text-block {
    font-size: 16px;
    line-height: 16px;
  }
}

@media screen and (max-width: 767px) {
  .hero_grass_left, .hero_grass_right {
    height: 25%;
  }

  .h1, .h1.shadow_blue, .h1.blue {
    font-size: 70px;
    line-height: 70px;
  }

  .chara_about {
    margin-right: 0;
    right: auto;
  }

  .block_para {
    width: 95%;
  }

  .para {
    font-size: 18px;
    line-height: 25px;
  }

  .block_tokenomics {
    width: 95%;
  }

  .ca {
    font-size: 16px;
    line-height: 16px;
  }

  .menu_link {
    display: none;
  }

  .about_chara {
    width: 400px;
    height: 400px;
  }

  .hero_fly {
    width: 400px;
  }

  .planet {
    width: 90%;
    height: auto;
    top: 15px;
  }

  .image {
    display: none;
  }

  .how_block_1 {
    width: 470px;
  }

  .how_para {
    padding: 30px;
  }

  .p3 {
    font-size: 11px;
    line-height: 18px;
  }

  .how_block_2 {
    width: 400px;
  }

  .smoker {
    height: 250px;
  }

  .div-block-13 {
    width: auto;
  }

  .banner_title {
    font-size: 40px;
  }

  .button-3 {
    width: 100px;
    height: 35px;
  }

  .text-block {
    font-size: 13px;
    line-height: 13px;
  }

  .block_ca {
    width: 95%;
  }

  .ca_txt {
    font-size: 14px;
    line-height: 14px;
  }

  .copy {
    width: 28px;
    height: 28px;
  }
}

@media screen and (max-width: 479px) {
  .chara_hero {
    width: 95%;
    height: auto;
  }

  .grass_bg_top, .hero_grass_left, .hero_grass_right {
    height: 15%;
  }

  .section_about {
    height: 700px;
  }

  .h1, .h1.dark, .h1.shadow_dark {
    font-size: 50px;
    line-height: 50px;
  }

  .h1.shadow_blue, .h1.blue {
    font-size: 55px;
    line-height: 55px;
  }

  .chara_about {
    width: 90%;
    height: auto;
  }

  .block_para {
    top: -63px;
  }

  .para {
    font-size: 14px;
  }

  .chara_tokenomics {
    width: 90%;
    height: auto;
  }

  .ca {
    font-size: 10px;
    line-height: 10px;
  }

  .footer_button {
    font-size: 12px;
    line-height: 12px;
  }

  .logo {
    display: none;
  }

  .header_right, .menu_socials {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .biglogo {
    top: 189px;
  }

  .continue {
    font-size: 20px;
    line-height: 20px;
  }

  .section_about-copy {
    height: 700px;
  }

  .about_chara {
    width: 320px;
  }

  .separator_weed {
    display: none;
  }

  .separator_top, .separator_bottom, .separator_dark {
    height: 40px;
  }

  .para_block {
    padding: 20px 35px;
  }

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

  .p3 {
    font-size: 10px;
  }

  .logo_footer {
    display: block;
  }

  .image-3 {
    height: 350px;
  }

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

  .block_ca {
    justify-content: center;
    width: 98%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .ca_txt {
    font-size: 12px;
    line-height: 12px;
  }

  .copy {
    background-size: 70%;
    width: 25px;
    height: 25px;
  }
}


@font-face {
  font-family: 'Super Ocean Personal Use';
  src: url('../fonts/Super-Ocean-Personal-Use.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Darling Coffee';
  src: url('../fonts/Darling-Coffee.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}