/* Container styling for the Discord message */
.container-discord-vouches h3 {
    display: flex;
    justify-content: center;
    font-family: ExtraBold;
    font-size: 36px;
    color: rgb(230, 230, 230);
}

.container-discord-vouches h4 {
    display: flex;
    justify-content: center;
    font-family: ExtraBold;
    font-size: 18px;
    color: rgb(230, 230, 230);
}

.container-discord-vouches a {
    color: aqua;
}

.container-discord-vouches {
    display: flex;
    flex-direction: column;
    /* Ensures the content is aligned vertically */
    justify-content: center;
    /* Centers content horizontally in the flex container */
    align-items: center;
}

.discord-vouches {
    display: flex;
    font-family: 'Whitney', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #36393f;
    color: #dcddde;
    border-radius: 8px;
    padding: 10px;
    margin: 20px;
}

/* Styling for the profile picture container */
.discord-pfp {
    flex-shrink: 0;
    /* Prevents the image from shrinking */
}

.discord-pfp img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* Container for user info text */
.discord-user-info-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
    flex-grow: 1;
    /* Allows this div to take up remaining space */
}

/* Container for the username and date */
.discord-name-date {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Styling for the username */
.discord-name {
    font-weight: 600;
    color: #02ff00;
    /* Green color */
}

.discord-name:hover {
    text-decoration: underline;
    /* Adds underline on hover */
}

/* Styling for the date */
.discord-date {
    font-size: 0.75rem;
    color: #72767d;
}

/* Main message text styling */
.discord-text {
    margin-top: 4px;
}