/* 🚀 Apply styles ONLY to non-admin pages */
body:not(.django-admin) .like-btn {
    margin-right: 20px; /* or whatever spacing you prefer */
}

body:not(.django-admin) .wide-textarea {
    width: 90%;
    height: 100px; /* Adjust to the desired width */
}

body:not(.django-admin) .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 */
}

body:not(.django-admin) .post-header {
    display: flex;
}

body:not(.django-admin) .username, 
body:not(.django-admin) .like-count, 
body:not(.django-admin) .timestamp {
    flex: 1; /* equally divide the space */
    text-align: center; /* center the text */
}

body:not(.django-admin) .username {
    text-align: left; /* if you want the username to align left */
}

body:not(.django-admin) .timestamp {
    text-align: right; /* if you want the timestamp to align right */
}

body:not(.django-admin) .like-btn:hover {
    background-color: red; /* Example: change the background color on hover */
    color: #333; /* Example: change the text color on hover */
}