.Post {
    margin-top: 1rem;
    /* animation: ShowPost .5s; */
    animation-fill-mode: forwards;
    background-color: rgb(90, 76, 108);
    border-style: solid;
    border-width: .2rem;
    border-color: rgb(203, 189, 222);
    align-items: center;
    margin-left: 2rem;
    margin-right: 2rem;
    padding-left: auto;
    padding-right: auto;
    padding-top: 0rem;
    padding-bottom: 1rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
    transition-duration: 250ms;
    max-width: 100svw;
}

.FollowButton {
    background: linear-gradient(to top right, rgb(191, 147, 14), rgb(255, 221, 117));
}

.FollowButton:hover {
    background: linear-gradient(to top right, rgb(191, 147, 14), rgb(255, 221, 117));
    filter: brightness(110%);
    transition-duration: 250ms;
}

.HoverLabel {
    background-color: rgb(24, 14, 37);
}

.ReportButton {
    background: linear-gradient(to top right, rgb(191, 20, 14), rgb(255, 129, 117));
}

.ReportButton:hover {
    background: linear-gradient(to top right, rgb(191, 20, 14), rgb(255, 129, 117));
    filter: brightness(110%);
    transition-duration: 250ms;
}

.PostAA:hover{
    animation-name: PostHover;
}

.PostAA:not(:hover) { 
    animation-name: PostUnHover;
} 

.Comment {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgb(90, 76, 108);
    border-width: .2rem;
    border-color: rgb(203, 189, 222);
    border-style: solid;
    height: fit-content;
    max-height: max-content;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    padding-bottom: 1rem;
}

.Comment .CommunitySection {
    margin-top: 0rem;
    padding-top: 0rem;
}

.Comment .PostControl {
    width: fit-content;
    font-size: 2rem;
    border-radius: 1rem;
    padding: .4rem .4rem .4rem .4rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.Comment .PostControl img {
    height: 4rem;
    padding: 0 0 0 0;
}

.Comment .PostControl p {
    width: fit-content;
    font-size: 2rem;
    border-radius: 1rem;
    margin-top: 0rem;
    margin-left: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    padding: 0 0 0 0;
    padding-left: .4rem;
    line-height: 4rem;
}

.Sidebar {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    opacity: 0;
    background-color: rgb(136, 113, 152);
    z-index: 2;
    position: fixed;
    top: 0rem;
    height: 100%;
    overflow-y: scroll;
    width: 7.5rem;
    left: -6rem;
    transition-duration: 150ms;
    box-shadow: 0 0 3rem black;
}

.Sidebar:hover {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    opacity: 1;
    background-color: rgb(159, 140, 173);
    left: 0rem;
    transition-duration: 150ms;
}

.Sidebar a {
    padding: .75rem .75rem .75rem .75rem;
}

p {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 3rem;
}

.HomePanel {
    display: flex;
    margin-left: auto;
    margin-left: auto;
    padding: 1rem 1rem 1rem 1rem;
    max-width: 100%;
    flex-wrap: wrap;
}

.Sidebar p {
    background-color: rgb(216, 66, 66);
    border-radius: 1rem;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    transform: translate(3rem, -9rem);
    position: relative;
    scale: .5;
}

.Sidebar a img {
    padding: 0rem 0rem 0rem 0rem;
}

.Comment .DarkLabel {
    padding: .4rem .4rem .4rem .4rem;
    line-height: 4rem;
}

span {
    padding-top: 0rem;
    margin-top: 0rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: fit-content;
    max-height: fit-content;
    color: white;
    word-break: break-all;
}

@keyframes PostUnHover {
    from {
        scale: 1.025;
    }
    40% {
        scale: 1.03;
        opacity: 1;
    }
    to {
        scale: 1;
    }
}

@keyframes PostHover {
    from {
        scale: 1;
        opacity: 1;
    }
    40% {
        scale: 1.03 1.03;
        opacity: 1;
    }
    to {
        scale: 1.025;
    }
}

.CommunitySection {
    overflow: auto;
    display: block;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    padding-bottom: 0rem;
    padding-top: 1rem;
}

.ModTag {
    width: fit-content;
    font-size: 2rem;
    background-color: rgb(16, 112, 246);
    border-radius: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.AdminTag {
    width: fit-content;
    font-size: 2rem;
    background-color: rgb(246, 62, 16);
    border-radius: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.UnreadTag {
    width: fit-content;
    font-size: 2rem;
    background-color: rgb(246, 169, 16);
    border-radius: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.DarkLabel {
    width: fit-content;
    font-size: 2rem;
    background-color: rgb(54, 42, 63);
    border-radius: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.CommentBox {
    font-weight: 600;
    font-size: 2rem;
    min-height: 4rem;
    max-height: 4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    width: 90%;
}

.SearchContent {
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
}

.FullPFP
{
    max-width: 10rem;
    width: 10rem;
    margin-left: 1rem;
    margin-top: 1rem;
}

.PostControl {
    max-width: 95%;
    overflow-y: hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    min-width: fit-content;
    background-color: rgb(121, 104, 143);
    display: flex;
}

.CountText {
    margin-right: 0rem;
    padding-top: 0rem;
    margin-top: 0rem;
    padding-bottom: 0rem;
}

.CountText:hover {
    background-color: rgba(0, 0, 0, 0);
}

.UserInfo {
    display: flex;
}

@keyframes ShowPost {
    from {
        scale: .7;
        opacity: 0;
    }
    0% {
        scale: .7;
        opacity: 0;
    }
    40% {
        scale: 1.025 1.1;
        opacity: 1;
    }
    75% {
        scale: .95;
    }
    to {
        scale: 1;
    }
}

.PostTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 0rem;
    padding-bottom: 0rem;
    margin-bottom: 0rem;
    font-size: 4rem;
    margin-top: auto;
    margin-bottom: auto;
}

.PostContent {
    word-break: break-all;
    font-size: 2rem;
    background-color: rgb(54, 42, 63);
    border-radius: 1rem;
    padding: 1rem 1rem 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 0rem;
}

.PostInfo {
    background-color: rgb(124, 105, 139);
    font-size: 1.5rem;
    border-radius: 1rem;
    margin-top: 0rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}