/* Footer Styles */
footer {
    background-color: var(--text-color);
    color: #fff;
    text-align: center;
    padding: 2rem;
    font-family: 'Nunito', sans-serif;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
  }
  
  footer p {
    position: relative;
    z-index: 1;
  }
  
  footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, var(--primary-color), #8A2BE2);
  }
  
  /* Add some subtle music note pattern to the footer */
  footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 35.5C26.2822 35.5 27.3333 34.6046 27.3333 33.5C27.3333 32.3954 26.2822 31.5 25 31.5C23.7178 31.5 22.6667 32.3954 22.6667 33.5C22.6667 34.6046 23.7178 35.5 25 35.5ZM25 20.5C26.2822 20.5 27.3333 19.6046 27.3333 18.5C27.3333 17.3954 26.2822 16.5 25 16.5C23.7178 16.5 22.6667 17.3954 22.6667 18.5C22.6667 19.6046 23.7178 20.5 25 20.5ZM25 35.5V20.5M25 20.5V10.5M40 45.5C41.2822 45.5 42.3333 44.6046 42.3333 43.5C42.3333 42.3954 41.2822 41.5 40 41.5C38.7178 41.5 37.6667 42.3954 37.6667 43.5C37.6667 44.6046 38.7178 45.5 40 45.5ZM40 30.5C41.2822 30.5 42.3333 29.6046 42.3333 28.5C42.3333 27.3954 41.2822 26.5 40 26.5C38.7178 26.5 37.6667 27.3954 37.6667 28.5C37.6667 29.6046 38.7178 30.5 40 30.5ZM40 45.5V30.5M40 30.5V20.5' stroke='white' stroke-opacity='0.05' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 0.15;
  }