/* .sidebar {
  width: 220px;
  background: #222;
  color: white;
  height: 100vh;
  padding: 20px;
} */
/* .sidebar ul {
  list-style: none;
  padding: 0;
}
.sidebar li {
  margin: 10px 0;
  cursor: pointer;
  transition: 0.2s;
}
.sidebar li:hover {
  color: #00bcd4;
} */

@keyframes spin-slow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-spin-slow {
  animation: spin-slow 8s linear infinite;
}

@media (max-width: 768px) {
  .sidebar {
    position: absolute;
    z-index: 50;
    transform: translateX(-100%);
  }

  .sidebar.expanded {
    transform: translateX(0);
  }
}