body {
    font-family: 'Maven Pro', sans-serif;
    background-color: #F5F5F5;
    color: #333;
}
body, header, nav, html {
    margin: 0;
    padding: 0;
}

.card {
    border: none;
}

.page-link {
    border: none;
}

.badge a, a:hover, a:focus, a:active {
     text-decoration: none;
     color: inherit;
 }

/* Hover state */
.page-link:hover {
    background-color: transparent; /* Adjust as needed */
    box-shadow: none;
}

/* Focus state */
.page-link:focus {
    outline: none;
    box-shadow: none;
}

/* Active state */
.page-link:active {
    box-shadow: none;
    border-color: transparent;
}

/* Active page item */
.page-item.active .page-link {
    border-color: transparent; /* Adjust as needed */
}

.card-footer {
    border: none;
    background-color: #FFFFFF;
}
/* Containers */
@media (min-width: 1400px) {
  .container {
    max-width: 1140px;
  }
}

.container,
.container-fluid
{
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

.navbar-nav {
  -ms-flex-positive: 1;
      flex-grow: 1;
}


a {
  color: #377dff;
  text-decoration: none;
}

a:hover {
  color: #1366ff;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.footer-brand {
  width: 100%;
  max-width: 7.5rem;
}

/* Default text size for larger screens */
.person-card-name {
    font-size: 1rem;
}

.person-card-title {
    font-size: 0.8333rem;
}

/* Smaller text size for mobile screens */
@media (max-width: 767px) {
    .person-card-name {
        font-size: 0.9rem; /* Smaller text size for mobile devices */
    }
    .person-card-title {
        font-size: 0.75rem;
    }
}

/* Justify the content of the markdown */
.markdown-content p {
    text-align: justify;
}