.body {
    /* Frame 1 */

position: relative;
width: 1920px;
height: 1080px;

background: #252525;

}

.sort {
    /* Frame 4 */

/* Auto layout */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: center;
padding: 20px;
gap: 10px;

position: absolute;
width: 1920px;
height: 963px;
left: 0px;
top: 117px;


}

.post {
    /* Frame 3 */

box-sizing: border-box;

width: 600px;
height: 282px;

background: #151515;
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow: 0px 4px 18px 13px rgba(0, 0, 0, 0.25);
border-radius: 15px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

}

.postimg {
    /* image 1 */

position: absolute;
width: 600px;
height: 189px;
left: 0px;
top: 0px;

background: url(image.png);
border-radius: 0px 0px 20px 20px;

}

.text {
    /* v2.02 */

position: absolute;
width: 63px;
height: 29px;
left: 268px;
top: 238px;

font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;

color: #FFFFFF;


}

.text-title {
    /* UFF NEW HUB! */

position: absolute;
width: 321px;
height: 49px;
left: 139px;
top: 189px;

font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
font-size: 40px;
line-height: 49px;
/* identical to box height */

color: #FFFFFF;


}

.header {
    /* Frame 2 */

position: absolute;
width: 1920px;
height: 117px;
left: 0px;
top: 0px;

background: #161616;
box-shadow: 0px 12px 26.7px rgba(0, 0, 0, 0.25);

}