body {
    margin: 20px 0 0 0;
    padding: 0;
    background-color: rgb(37,31,28);
    font-family: Arial;
    position: relative;
    text-align: center;
}
#links {
    display: flex;
    justify-content: space-between;
}
.link-item {
    display: flex;
    align-items: center;
    color: white;
}
.link {
    margin-left: 20px;
}
#flickr img {
    margin-left: 0px;
    padding-left: 0px;
}
#content {
    margin: 20px;
    color: white;
}
.content-header {
    display: flex;
    flex-direction: row;
}
.content-main {
    display: flex;
    flex-direction: row;
}
.when {
    color: grey;
    font-weight: bold;
    margin: 18px 30px 0px 0px;
    vertical-align: bottom;
    text-align: right;
    width: 30%;
    min-width: 302px;
}
.post-heading {
    color: white;
    font-weight: bold;
    text-align: left;
    margin: 18px 0px 0px 0px;
    vertical-align: bottom;
    width: 70%;
    max-width: 896px;
}
.post-image, .post-yt {
    width: 30%;
    min-width: 302px;
    text-align: right;
}
.post-image {
    margin: 4px 30px 20px 0;
}
.post-yt {
    margin: 0px 30px 0px 0px;
}
.iframe-yt {
    border: none;
}
.post-text {
    width: 70%;
    max-width: 896px;
    text-align: left;
    color: rgb(221,234,234)
}
a:link { 
    color: dodgerblue;
}
a:visited {
    color: mediumslateblue;
}