h2, .h2 {
    border-bottom: none;
}

h1.title {
    font-size: 37px;
}
h1.title, .title.h1 {
    margin-top: 0;
}
h1, .h1 {
    font-weight: 500;
}
h1, .h1, h2, .h2 {
    opacity: 1;
    color: var(--bs-body-color) !important
}

/* Gives some padding before the footer */
main {
    margin-bottom: 3em;
}

u {
    text-decoration-color: lightgrey;
}

a {
    color: dimgrey;
    text-decoration-color:#a3a6a8a1;
}


#form {
    margin-top: 2em;
  }
  
/* mobile query up for screens up to ~992px wide */
@media screen and (max-width: 991.98px) {
    /* wrap lately section */
    .grid {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    #form {
        margin-top: 0em;
        flex-basis: 100% !important;
        flex-grow: 1;
    }
}

#message-confirmation {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    display: none;
}
.grecaptcha-badge {
    bottom: 90px !important;
}

.huggingface-icon, .twitter-icon {
    vertical-align: text-top;
    fill: currentColor;
}

.grid{
    row-gap: 0.5rem;
    gap: 10px;
}

.submit-button{
    margin-top: 1.2rem !important;
}
.label-message, .label-email-address{
padding-top: 10px;
}
.label-full-name, .label-email-address, .label-message{
padding-bottom: 5px;
} 
.note-icon{
font-size: smaller;
}

@media (max-width: 569px){
    h1.contact-title {
        margin-top: 0em;
    }
}

.link-dark{
    font-size: 19px;
  }
  #message {
    height: 7em;
  }

#title-block-header {
    display: none !important;
}