/*home*/
.brushed-metal {
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuCN63kXBx5bLmgbcjd8zlkheunMOD_X7dTjEWcTy7dGvcUT_z8IcD6itPtFB-_Bblgug8eZme87QF5ijGaPzYBzqHAXiMnbNQTcvo7TWcqe94WY4iB3FS-dpBKq-w0a_k5eV-_Rhk0rHrVo07oJhqujdJrdt65oNToGwMFC34xeu_u_eathK7tX6RS-fi5I_yaKD0DzkbVv48QJ39nsHfwZI1445K2SmA1b7UKhLcbKhat8iJbROt9wVw0tf3lyqbYcNbb7D93fPjs);
  background-repeat: repeat;
}
.hard-shadow {
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 1);
}
.hard-shadow-primary {
  box-shadow: 4px 4px 0 0 rgba(255, 180, 168, 1);
}
.hard-shadow-secondary {
  box-shadow: 4px 4px 0 0 #fdc509;
}
.carbon-pattern {
  background-color: #1a1a1a;
  background-image:
    linear-gradient(
      45deg,
      #222 25%,
      transparent 25%,
      transparent 75%,
      #222 75%,
      #222
    ),
    linear-gradient(
      45deg,
      #222 25%,
      transparent 25%,
      transparent 75%,
      #222 75%,
      #222
    );
  background-size: 8px 8px;
  background-position:
    0 0,
    4px 4px;
}
.star {
  font-variation-settings: "FILL" 1;
  color: #cdcd00;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.animate-marquee {
  display: flex;
  width: 100%;
  animation: marquee 20s linear infinite;
}

/*branches*/
.brushed-metal {
  background-color: #1a1a1a;
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuBBBQZ2R37TTIAOfFRHIFvj2TW2pil6e3uWZMACW6ost0UGWY69WbZgHI16KSz0JK4kAZFFfkPGeCflVEiyOR0NPJ7OzuEOnaE7xr_4HpHKppvnX1fSAQauZvqOv5In_bHNleTJ48rZxaXNsy9E-LzUsanuDhmgkAmUuKz11t7zWvGR12fVp8TAXmqf4mw8C7iShd-kc29bZ70pcd3t0W0p0L8gJBK2lcalfYLq42ve4z5EnnBxJvgSHuNKhHaYRn9ZENzzON9G9Oc);
}
.hard-shadow {
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 1);
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.branch-content {
  transition: opacity 0.4s ease;
}