@font-face{
  font-family: introFont;
  src: url(charmset/Charmset.ttf);
}
body{
  background:black;
  margin: 0;
  padding: 0;
}
.plasma {
  margin: 0 auto;
  z-index: 0;
}
.marquee {
  font-family: introFont;
  font-size: 72px;
  color: white;
  text-shadow: 2px 10px 4px #000000;
  opacity: 0.89;
	
  overflow-x: hidden;
  position: absolute;
  z-index: 100;
  width: inherit;
  top: 50%;
  white-space: nowrap;
  transform: translate(0%, -50%);
}
.text {
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: demo-1 8s linear 1;
  -webkit-animation: demo-1 8s linear 1;
  animation: demo-1 8s linear 1;
}

/* Move it (define the animation) */
@-moz-keyframes demo-1 {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-200%);
  }
}
@-webkit-keyframes demo-1 {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-200%);
  }
}
@keyframes demo-1 {
  0% {
    -moz-transform: translateX(100%); /* Firefox bug fix */
    -webkit-transform: translateX(100%); /* Firefox bug fix */
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-200%); /* Firefox bug fix */
    -webkit-transform: translateX(-200%); /* Firefox bug fix */
    transform: translateX(-200%);
  }
}