body {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 400;
}

.material-symbols-outlined {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Segoe UI Symbol", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
}
        .active-tab {
  background-color: #000000;
  color: #ffffff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

@keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }
        }
        .animate-float {
            animation: float 5s ease-in-out infinite;
        }
        #showcase-content {
            transition: opacity 0.3s ease-in-out;
        }