h1 {
    font-family: 'Merriweather', serif;
    font-size: 3rem;
    font-weight: 300; /* Bold */
    line-height: 1.25;
}

h2 {
    font-family: 'Merriweather', serif;
    font-size: 1.5rem;
    font-weight: 300; /* Bold */
    line-height: 1.25;
}

h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    font-weight: 300; /* Bold */
    line-height: 1.25;
}
.p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
    color: #333; /* Dark grey text */
    font-weight: 300;
}

.navbar-text {
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    font-weight: 400; /* Bold */
    letter-spacing: 0.5em;
}

.media-chat-message {
    overflow-wrap: anywhere;
    }

.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }


.match {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
}

body.modal-open {
    overflow: hidden !important; /* Prevent scrolling when the modal is open */
    position: fixed;
    width: 100%;
}

.modal {
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling inside the modal */
}