* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    background: #f5f5f5;
}

header .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 67px;
    /*padding: 16px;*/
    border-bottom: 1px solid #C6C6C6;
}

.container {
    width: 375px;
    background: white;
    margin: 0 auto;
}

main .container {
    display: flex;
    flex-direction: column;
}

.post-head {
    display: flex;
    padding: 10px;
}

.post-head-details {
    display: flex;
    flex-direction: column;
}

.artist-name {
    font-weight: bold;
}

.olda-logo {
    width: 127px;
    /*border: 1px dashed red;*/
    margin-left: 17px;
}

.avatar {
    border-radius: 50%;
    width: 34px;
    height: 34px;
}

.user-avatar {
    margin-right: 17px;
}

.post-avatar {
    margin-right: 10px;
}

.post-image img {
    /*border: 2px dashed green;*/
    margin: 0;
    padding: 0;
    max-width: 375px;
    max-height: 375px;
    display: inherit;
}

.post-foot {
    margin: 0;
    padding: 15px;
    /*border: 2px dashed red;*/
}

.post-foot-details {
    display: flex;
    flex-direction: column;
}

.post-foot-details span {
    margin-bottom: 10px;
}

.icon-heart, .icon-comment, .icon-dm {
    font-size: 23px;
    /*border: 2px dashed red;*/
    margin-right: 10px;
}

.icon-dm {
    rotate: -25deg;
    transform: translateY(-5px);
    margin-left: 5px;

}

.icon-heart:hover {
    color: red;
    fill: black;
}

.post-interaction {
    /*border: 2px dashed blue;*/
    padding: 0;
}

.post-likes {
    font-weight: bold;
}

.post-divider {
    height: 25px;
    background: #ededed;
}