.title-heading {
    font-family: 'Arial Black', 'Avant Garde';
    font-size: 18pt;
    color: #333;
    font-weight: bold;
    position: relative;
}

.animated-border {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 50, 0.15));
    border-bottom: 4px solid black;
    margin-top: -40px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
    /* Needed for positioning the pseudo-element */
    display: flex;
    flex-direction: column;
    /* Stack children vertically */
    justify-content: space-between;
    /* Space out items */
    text-align: center;
}

.header-content {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
}

.header-logo {
    height: 150px;
    animation: fadeIn 2s ease-in-out;
    margin-bottom: 10px; /* Space between the image and the title */
}

.card-hover-border {
    transition: border 0.3s ease;
}

.card-hover-border-obs:hover {
    border: 2px solid darkred;
}

.textarea-large {
    height: 200px; /* or any desired height */
    resize: vertical; /* Allows users to resize the textarea vertically if needed */
}