#mainArea{
    width:100%;
    margin-bottom:30px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    max-width:100%;
}

#feedPostsContainer{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.feedPost{
    min-height:200px;
    background-color:white;
    padding:10px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
    border-right:10px solid rgba(192, 191, 137, 0.5);
    border-bottom:10px solid rgba(192, 191, 137, 0.5);
}

.feedPostVariant{
    min-height:200px;
    background-color:white;
    padding:10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border-right:10px solid rgba(192, 191, 137, 0.5);
    border-bottom:10px solid rgba(192, 191, 137, 0.5);
}

.feedPostText{
    display:flex;
    flex-direction:column;
}

.feedPostTextTitle{
    font-size:250%;
}

#feedPostDate{
    margin-bottom:10px;
}

.feedPostTextBody{
    font-size:120%;
}

.feedPostTextBody img, .feedPostTextBody video{
    max-width:90%;
}

.feedPostImg{
    max-height:100%;
    padding-left:15px;
}

.feedPostImg img, .feedPostImg video{
    max-width:100%;
    height:auto;
    max-height:600px;
    width:auto;
}

.genericCenter{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

/*Top posts*/

#topPostsContainer{
    height:auto;
    display:flex;
    align-items:center;
    flex-direction:column;
    border-left: 1px solid black;
}

#topPostsTitle{
    font-size:200%;
}

.topPost{
    max-width:100%;
}

.topPost img, .topPost video{
    width:400px;
    height:auto;
    padding:15px;
}

#picVidOverlay{
    text-align:center;
    background-color:rgba(0,0,0,0.3);
    text-decoration:none;
    color:white;
}