/* style.css */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");

body {
  background-color: #e5f9f8;
  color: #1f2b2d;
  overflow-x: hidden;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.navbar-logo {
  height: 50px;
}

/* Hero Blobs Animation */
.blob {
  position: absolute;
  filter: blur(50px);
  z-index: -1;
  animation: float 10s infinite ease-in-out;
}

@keyframes float {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(30px, -50px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.9);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #e5f9f8;
}
::-webkit-scrollbar-thumb {
  background: #23717b;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0d8a9e;
}

/* Glassmorphism Card */
.glass-card {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.8);
}

/* Graph Fixes */
.graph-bar-container {
  display: flex;
  align-items: flex-end;
  height: 100%;
}