@font-face {
  font-family: Clip;
  src: url("fonts/Clip.ttf");
}

body.custom {
  margin:0;
  padding:0;
  font-family: 'Griffy', cursive;
  /* background: #333!important; */
  background: #141114;
  height: 100vh;
  justify-content: center;
  align-items: center; 
}
.inner{
height: 50vh;
  font-size: 5rem;
  font-size: 12vw;
  font-size: 1vmax;
}

.words {
  color: #f4d03f;
  color: #cd4795;
  font-size: 0;
  line-height: 1.5;
}

.words span {
  font-size: 5rem;
  font-size: 12vw;
  font-size: 5vmax;
  display: inline-block; 
  /* margin:0 auto; */
  text-align:center;
  /* animation: move 3s ease-in-out infinite; */
  animation: move 3s ease-in-out infinite;
}
.relief {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.glow span {
  /* color: #444; */
  text-shadow: 
    1px 0px 1px #ccc, 0px 1px 1px #eee, 
    2px 1px 1px #ccc, 1px 2px 1px #eee,
    3px 2px 1px #ccc, 2px 3px 1px #eee,
    4px 3px 1px #ccc, 3px 4px 1px #eee,
    5px 4px 1px #ccc, 4px 5px 1px #eee,
    6px 5px 1px #ccc, 5px 6px 1px #eee,
    7px 6px 1px #ccc;
}

@keyframes move {
  0% {
    transform: translate(-30%, 0);
  }
  50% {
    text-shadow: 0 25px 50px rgba(0, 0, 0, 0.75);
  }
  100% {
    transform: translate(30%, 0);
  }
}

.words span:nth-child(2) {
  animation-delay: 0.5s;
}

.words span:nth-child(3) {
  animation-delay: 1s;
}

.words span:nth-child(4) {
  animation-delay: 1.5s;
}

.words span:nth-child(5) {
  animation-delay: 2s;
}

.words span:nth-child(6) {
  animation-delay: 2.5s;
}

.words span:nth-child(7) {
  animation-delay: 3s;
}




body.customX {
  background-color: #141114;
  background-image: linear-gradient(335deg, black 23px, transparent 23px),
    linear-gradient(155deg, black 23px, transparent 23px),
    linear-gradient(335deg, black 23px, transparent 23px),
    linear-gradient(155deg, black 23px, transparent 23px);
  background-size: 58px 58px;
  background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
}

.sign {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  /* background-image: radial-gradient(
    ellipse 50% 35% at 50% 50%,
    #6b1839,
    transparent
  ); */
  transform: translate(-50%, -50%);
  letter-spacing: 2;
  left: 50%;
  top: 50%;
  top: 15%;
  top: 20%;
  font-family: "Clip";
  font-family: 'Griffy', cursive;
  /* text-transform: uppercase; */
  font-size: 6em;
  letter-spacing: 3px;
  color: #ffe6ff;
  text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
    -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
    0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  animation: shine 2s forwards, flicker 3s infinite alternate;
  
  padding:2px;
  padding-bottom:0.5em;
}

.sign-2 {
  top:70%;
  top:36%;
  padding-top:0.5em;
}

@keyframes blink {
  0%,
  22%,
  36%,
  75% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
  28%,
  33% {
    color: #ff65bd;
    text-shadow: none;
  }
  82%,
  97% {
    color: #ff2483;
    text-shadow: none;
  }
}

.flicker {
  animation: shine 2s forwards, blink 3s 2s infinite alternate;
}

.fast-flicker {
  /* animation: shine 2s forwards, blink 10s 1s infinite alternate; */
  animation: shine 1s forwards, blink 3s 1s infinite alternate;
}

.other-flicker {
  animation: shine 1s forwards, blink 5s 1s infinite alternate;
}

@keyframes shine {
  0% {
    color: #6b1839;
    text-shadow: none;
  }
  100% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
          box-shadow: none;
  }
}

@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: 0.9;
  }

  6% {
    opacity: 0.85;
  }

  8% {
    opacity: 0.95;
  }

  10% {
    opacity: 0.9;
  }

  11% {
    opacity: 0.922;
  }

  12% {
    opacity: 0.9;
  }

  14% {
    opacity: 0.95;
  }

  16% {
    opacity: 0.98;
  }

  17% {
    opacity: 0.9;
  }

  19% {
    opacity: 0.93;
  }

  20% {
    opacity: 0.99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: 0.94;
  }

  28% {
    opacity: 0.98;
  }

  37% {
    opacity: 0.93;
  }

  38% {
    opacity: 0.5;
  }

  39% {
    opacity: 0.96;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: 0.97;
  }

  46% {
    opacity: 0.94;
  }

  56% {
    opacity: 0.9;
  }

  58% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: 0.9;
  }

  72% {
    opacity: 0.95;
  }

  93% {
    opacity: 0.93;
  }

  95% {
    opacity: 0.95;
  }

  97% {
    opacity: 0.93;
  }

  to {
    opacity: 1;
  }
}

/* Flickering animation */
@keyframes flicker {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #ffe6ff,
      0 0 11px #ffe6ff,
      0 0 19px #ffe6ff,
      0 0 40px #ff65bd,
      0 0 80px #ff65bd,
      0 0 90px #ff65bd,
      0 0 100px #ff65bd,
      0 0 150px #ff65bd;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
          box-shadow: none;
  }    
}

.neonX{
  font-family: 'Monoton', cursive;
  font-size:130px;
  color: #FFD5FF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
  letter-spacing: 8px;
  text-shadow: 1px 0px 4px #FFD5FF, 2px 0px 4px #FFD5FF, 3px 0px 4px #FFD5FF, 2px 0px 3px #D42CCA, 2px 3px 15px #D42CCA, 2px 0px 15px, 5px 0px 125px, 20px 0vw 200px #D42CCA,40px 0vw 200px #D42CCA;
}

.neonXX{
  /* font-family: 'Monoton', cursive; */
  /* font-size:130px; */
  color: #FFD5FF;
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  transform: translate(-50%, -50%);
  font-weight: 400;
  letter-spacing: 1px;
  text-shadow: 1px 0px 4px #FFD5FF, 2px 0px 4px #FFD5FF, 3px 0px 4px #FFD5FF, 2px 0px 3px #D42CCA, 2px 3px 15px #D42CCA, 2px 0px 15px, 5px 0px 125px, 20px 0vw 200px #D42CCA,40px 0vw 200px #D42CCA;
  text-shadow:none;
}

.flicker-slowX{
  animation: flickers 3s linear infinite;
}

.flicker-fastX{
  animation: flickers 1s linear infinite;
}

@keyframes flickers {
	0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
		//text-shadow: none;
    opacity: .99;
		
	}
	20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
		opacity: 0.4;
    box-shadow: none;
	}
}





/* ADD ONS */

		.hidden{display:none!important;}
    
			body.custom #header, body.custom #footer {background:none;}
      
			body.custom #header {
        padding-top:0;
        padding-top:1em;
        height:90%;
			}
      
       body.custom #footer {
         position:absolute;
         position:relative;
         bottom:0;
        /*  left:50%;
         right:50%; */
         max-width:100%;
         padding:0!important;
         margin:0 auto;
         
         /* border:1px dashed white; */
       }
       
       body.custom #menu {
          position:absolute;
          margin:0 auto;
          padding:0;
         padding:1em 0 0 1em;
         
         /* border:1px dashed white; */
       }
       body.custom #menu ul{
         color:#f6f6f6;
         margin:0;padding:0;
         /* border:1px dashed white; */
       }
       body.custom #menu ul li,
       body.custom #menu ul li a {
         margin:0;padding:0
       }
      /*  a.fa-ethereum{
         padding-left:0.5em;
       } */