.potion {
    border-color: var(--medium_purple);
}
.potion p {
    color: var(--medium_purple);
}
.potion .profile-pic {
    background-image: url('/images/profiles/potion.jpg');
}




.prox3 {
    border-color: var(--medium_purple);
}
.proxy p {
    color: var(--medium_purple);
}
.prox3 .profile-pic {
    background-image: url('/images/profiles/prox3.jpg');
}




.spike {
    border-color: var(--golden_bell);
}
.spike p {
    color: var(--golden_bell);
}
.spike .profile-pic {
    background-image: url('/images/profiles/spike.jpg');
}




.narrator {
    border-color: white;
}
.narrator p {
    color: white;
}
.narrator .profile-pic {
    background-image: url(/images/profiles/narrator.jpg);
}




.rocky {
    border-color: var(--screamin_green);
}
.rocky p {
    color: var(--screamin_green);
}
.rocky .profile-pic {
    background-image: url(/images/profiles/rocky.jpg);
}




.frog {
    border-color: var(--rock_spray);
}
.frog p {
    color: var(--rock_spray);
}
.frog .profile-pic {
    background-image: url(/images/profiles/frog.jpg);
}




.computer {
    border-color: var(--razzle_dazzle);
}
.computer p {
    color: var(--razzle_dazzle);
}
.computer .profile-pic {
    background-image: url(/images/profiles/computer.jpg);
}




.mta {
    border-color: var(--light_wisteria);
}
.mta p {
    color: var(--light_wisteria);
}
.mta .profile-pic {
    background-image: url(/images/profiles/mta.jpg);
}




.voice {
    border-color: yellow;
}
.voice p {
    color: yellow;
}
.voice .profile-pic {
    background-image: url(/images/profiles/yellow-sound.jpg);
}




.space-lion {
    border-color: var(--screamin_green);
}
.space-lion p {
    color: var(--screamin_green);
}

.space-lion .profile-pic {
    background-image: url(/images/profiles/space-lion.jpg);
}




.forum-post {
    display: flex; /* Use flexbox to align children horizontally */
    align-items: flex-start; /* Align items to the top */
    gap: 20px; /* Space between the profile picture and the post area */
}