@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('https://use.typekit.net/bjb0qov.css');

@font-face {
  font-family: 'BIZUDPGothicB';
  src: url(/config/font/BIZUDPGothic-Bold.ttf);
}
@font-face {
  font-family: 'AEB';
  src: url(/config/font/Aeb_03.ttf);
}
:root {
  --primary: #fff;
  --primary-text: #ffffff;
  --secondary: #ebc908;
  --secondary-text: #ffffff;
  --accent: #505050;
  --accent-text: rgb(255, 255, 255);
}

@keyframes gradation {
	0%,100% {
    /* color: #ffffff; */
    opacity: 1;
		/* background-position: 0%; */
	}
  10% {
    opacity: 1;
  }
  20% {
    opacity: .8;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: .8;
  }
  50% {
    color: #aaa;
    opacity: .6;
    /* background-position: 100%; */
	}
}
body {
  /* font-family: MochiyPopPOne !important; */
  font-family: "futura-pt-bold",BIZUDPGothicB !important;
  font-weight: 800;
  font-style: normal;
  background-color: rgba(0, 0, 0, 1) !important;
}


@-webkit-keyframes anime {
  0% {
    -webkit-animation-timing-function: ease-in;
    background-image: url(/config/images/main/dn2m.jpg);
    background-position: right 10% bottom 10%;
  }

  10% {
    background-image: url(/config/images/main/dn2m.jpg);
background-position: right 0% bottom 0%;
  }

  40% {
    -webkit-animation-timing-function: ease-out;
    background-image: url(/config/images/main/dn2m.jpg);
background-position: right 10% bottom 10%;  }

  50% {
    background-image: url(/config/images/main/dn2m.jpg);
background-position: right 0% bottom 0%;  }

  100% {
background-position: right 10% bottom 10%;
    background-image: url(/config/images/main/dn2m.jpg);  }
}

@keyframes anime {
  0% {
    animation-timing-function: ease-in;
    background-image: url(/config/images/main/dn2m.jpg);
  background-position: right 10% bottom 10%;
  }

  10% {
    background-image: url(/config/images/main/dn2m.jpg);
  background-position: right 0% bottom 0%;
  }

  40% {
    animation-timing-function: ease-out;
    background-image: url(/config/images/main/dn2m.jpg);
  background-position: right 10% bottom 10%;
  }

  50% {
    background-image: url(/config/images/main/dn2m.jpg);
    background-position: right 0% bottom 0%;
  }

  100% {
    background-image: url(/config/images/main/dn2m.jpg);
    background-position: right 10% bottom 20%;
  }
}

/* .features{
  z-index: 10;
} */
.web3modal-modal-lightbox {
  z-index: 100;
}