@font-face {
  font-family: "Simpsons";
  src: url("/fonts/username-akbar.ttf") format("truetype");
}

@font-face {
  font-family: "Char BB";
  src: url("/fonts/username-charbb.ttf") format("truetype");
}

@font-face {
  font-family: "AngryBirds";
  src: url("/fonts/username-display.ttf") format("truetype");
}

.username-gold {
  color: gold;
}

.username-simpsons {
  font-family: Simpsons, arial, sans-serif;
  color: #ffde00;
  letter-spacing: 1px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black,
    -3px 1px 0px rgba(0, 0, 0, 1);
}

.ekib_main .username-simpsons {
  font-size: 18px !important;
}

.username-rainbow-animation {
  -webkit-animation: rainbow 1s infinite;
  -ms-animation: rainbow 1s infinite;
  -o-animation: rainbow 1s infinite;
  animation: rainbow 1s infinite;
}

@-webkit-keyframes rainbow {
  0% { color: #ff0000; }
  10% { color: #ff8000; }
  20% { color: #ffff00; }
  30% { color: #80ff00; }
  40% { color: #00ff00; }
  50% { color: #00ff80; }
  60% { color: #00ffff; }
  70% { color: #0080ff; }
  80% { color: #0000ff; }
  90% { color: #8000ff; }
  100% { color: #ff0080; }
}
@-ms-keyframes rainbow {
  0% { color: #ff0000; }
  10% { color: #ff8000; }
  20% { color: #ffff00; }
  30% { color: #80ff00; }
  40% { color: #00ff00; }
  50% { color: #00ff80; }
  60% { color: #00ffff; }
  70% { color: #0080ff; }
  80% { color: #0000ff; }
  90% { color: #8000ff; }
  100% { color: #ff0080; }
}
@-o-keyframes rainbow {
  0% { color: #ff0000; }
  10% { color: #ff8000; }
  20% { color: #ffff00; }
  30% { color: #80ff00; }
  40% { color: #00ff00; }
  50% { color: #00ff80; }
  60% { color: #00ffff; }
  70% { color: #0080ff; }
  80% { color: #0000ff; }
  90% { color: #8000ff; }
  100% { color: #ff0080; }
}
@keyframes rainbow {
  0% { color: #ff0000; }
  10% { color: #ff8000; }
  20% { color: #ffff00; }
  30% { color: #80ff00; }
  40% { color: #00ff00; }
  50% { color: #00ff80; }
  60% { color: #00ffff; }
  70% { color: #0080ff; }
  80% { color: #0000ff; }
  90% { color: #8000ff; }
  100% { color: #ff0080; }
}

.username-angrybirds {
  font-family: AngryBirds, arial, sans-serif;
  letter-spacing: 1px;
  background-image: linear-gradient(0deg, white, #d42325);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.username-red {
  color: #e20000;
}

.username-romantic {
  font-family: Romantic, arial, sans-serif;
  color: #ff69b4;
  display: inline-block;
  background-image: url("/img/poh/fx-hearts.gif");
  background-position-y: -5px;
  background-size: 100%;
  font-weight: bold;
}

.username-speed {
  font-family: Char BB, arial, sans-serif;
  letter-spacing: 2px;
}