.navbar {
  height: 120px;
}

img[src$='logo.png'] {
    width: 250px; /* Adjust the width of the logo as needed */
    height: auto; /* Maintain aspect ratio */
    max-width: unset;
    max-height: unset;
}

.navbar-logo img {
  display: block; /* Ensure no extra space below the image */
  height: 100%;
  width: 100%;
  object-fit: contain;
}


.rounded { // headshot shape
    border-radius: 50px 20px 50px 20px !important;
}

.subtitle{
  text-align: center !important
}

.center {
  text-align: center !important
}

.justify {
  text-align: justify !important
}

<style>
    /* Custom button styling */
    .btn-custom {
        background-color: #ffffff !important; /* Solid white background */
        color: #1f1f1f !important; /* Dark text color for contrast */
        border: 1px solid #ffffff !important; /* White border to blend with background */
        padding: 8px 12px;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        display: inline-flex;
        align-items: center;
        box-shadow: none !important; /* Remove any default shadow */
    }

    /* Optional hover effect for interactivity */
    .btn-custom:hover {
        color: #000000 !important; /* Darker text color on hover */
        border-color: #ffffff !important; /* Keep the border color white on hover */
        background-color: #f0f0f0 !important; /* Light background on hover to make it visible */
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2) !important; /* Subtle shadow on hover */
    }

    /* Ensure icons are visible */
    .btn-custom i {
        margin-right: 5px;
    }
</style>

/* Custom style for strong elements with a specific class */
.author-name {
    color: ##01B587 !important; /* Mint color */
}

html {
  scroll-behavior: smooth;
}

html, body {
  height: auto !important;
  overflow-y: auto !important;
}

main, .content, .page {
  overflow: visible !important;
}

.section {
  scroll-margin-top: 100px;
  padding-top: 40px;
}

@media screen and (max-height: 100vh) {
  html, body {
    height: auto;
    overflow-y: auto;
  }
}