.like-btn {
    margin-right: 20px; /* or whatever spacing you prefer */
}

.wide-textarea {
    width: 90%;
    height: 100px;/* Adjust to the desired width */
}

.post {
    border: 5px solid blue;
    border-radius: 5px; /* Sets the border thickness and color */
    margin-bottom: 20px; /* Adds space below each post */
    padding: 10px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(50, 50, 50, 0.7); /* Dark grey with 80% opacity */
/* The last value is the opacity (0 is fully transparent, 1 is fully opaque) */

    
    /*background-color: black; /* Adds some space between the border and the content inside */
}




.post-header {
    display: flex;
}

.username, .like-count, .timestamp {
    flex: 1; /* equally divide the space */
    text-align: center; /* center the text */
}

.username {
    text-align: left; /* if you want the username to align left */
}

.timestamp {
    text-align: right; /* if you want the timestamp to align right */
}



.like-btn:hover {
    background-color: red; /* Example: change the background color on hover */
    color: #333;               /* Example: change the text color on hover */
}