html {
    scroll-behavior: smooth;
}

.navbar
{
    border-bottom:1px solid #6c757d;
}
.nav-link {
    color: #6c757d !important;
}

.masthead {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

section {
    padding: 6rem 0;
}
section h2 {
    font-size: 2.25rem;
    line-height: 2rem;
    padding-bottom: 2rem;
}

/* mobile stuff, bzw. wenns big is */
@media (min-width: 992px) {
    section h2 {
        font-size: 3rem;
        line-height: 2.5rem;
        padding-bottom: 2rem;
    }
}

#myBtn {
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    font-size: 18px; /* Increase font size */
}