/* Commmon Parts Animation */
#menuIcon {
    transition: transform 0.3s ease;
    position: relative;
}

#menuIcon div {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

#menuIcon.open div:nth-child(1) {
    transform: translateY(5px) rotate(25deg);
}

#menuIcon.open div:nth-child(2) {
    transform: translateY(-5px) rotate(-25deg);
}
@keyframes bg-flow {
    0% { background-position: 0% 0%; }
    25% { background-position: 25% 25%; }
    50% { background-position: 50% 50%; }
    75% { background-position: 75% 75%; }
    100% { background-position: 100% 100%; }
  }

.animate-bg-flow {
    background: linear-gradient(135deg, 
    #6F8EE3 0%, 
    #3ECC84 25%, 
    #F8A509 50%, 
    #E0567D 75%, 
    #7F36D8 100%);
    background-size: 250% 250%;
    animation: bg-flow 8s linear alternate infinite;
}
.rotate-0 {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
}
.rotate-90 {
    transform: rotate(90deg);
    transition: transform 0.3s ease-in-out;
}