body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  scroll-behavior: smooth;
}

header {
background: linear-gradient(to right, #8FA7D9, #5D7BC0, #3A5189);


}

h1, h2, h5 {
  font-weight: 700;
}

.card {
  border: none;
  transition: transform 0.2s ease-in-out;
}

.card:hover {
  transform: scale(1.03);
}

footer {
  background-color: #0d6efd;
}

.navbar-brand img {
  border-radius: 8px;
}

section {
  scroll-margin-top: 80px;
}

@media (max-width: 768px) {
  header h1 {
    font-size: 2rem;
  }
  .navbar-brand span {
    font-size: 1rem;
  }
}

.bg-primary {
background: linear-gradient(to bottom, #6F8DD1, #DCE6F8, #FFFFFF)!important;
}