@keyframes marquee-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes marquee-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.marquee-left {
  animation: marquee-left 70s linear infinite;
}

.marquee-right {
  animation: marquee-right 70s linear infinite;
}

.marquee-left-fast {
  animation: marquee-left 30s linear infinite;
}

.marquee-right-fast {
  animation: marquee-right 30s linear infinite;
}

/* pause on hover */
.group:hover .marquee-left,
.group:hover .marquee-right {
  animation-play-state: paused;
}

.menu-open .top-bar {
    transform: translateY(15px) rotate(45deg);
}

.menu-open .middle-bar {
    opacity: 0;
}

.menu-open .bottom-bar {
    transform: translateY(-5px) rotate(-45deg);
}

/* app css */


@keyframes marquee {
  0% { transform: translateX(100%); opacity: 0; }
  10% { opacity: 1; }
  50% { transform: translateX(0); opacity: 1; }
  90% { opacity: 1; }
  100% { transform: translateX(-100%); opacity: 0; }
}

.animate-marquee {
  animation: marquee 6s linear infinite;
}


/*Custom CSS Code*/

.hero_title{
    font-family: "Gochi Hand", cursive;
    font-weight: 900;
    color: #fff8f8;
    font-size: 53px;
}

.font_style_change{
  font-family: "Gochi Hand", cursive;
}