/* css styles */

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.researchcontainer {
  animation: fadeIn 1.5s ease-in-out;
}


.banner {
  width: 100%;
  height: 300px; /* adjust height */
  background-size: cover;
  background-position: center;
  margin-bottom: 1.5em;
  border-radius: 5px;
}

/* Blue Gradient Navbar */
.navbar {
  background-image: linear-gradient(to right, #08306B, #2171B5, #6BAED6);
}

/* Gradient page headers */
h1, h2 {
  background: linear-gradient(120deg, #2171B5, #6BAED6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hyperlink color customization */
a {
  color: #2171B5;
}

a:hover {
  color: #08306B;
  text-decoration: underline;
}

/* Footer Gradient */
footer {
  background-image: linear-gradient(to right, #C6DBEF, #9ECAE1);
  color: #08306B;
  padding: 1em;
}