.blogcontainer {
    width: 100%;
    height: auto;
    display: flex;
}
.blogpost {
    height: auto;
    padding: 10px;
    margin: 20px;
    max-width: 900px;
    background-color: antiquewhite;
    background: #FAEBD7;
    background: radial-gradient(circle,rgba(250, 235, 215, 1) 0%, rgba(242, 220, 189, 1) 50%, rgba(230, 183, 122, 1) 100%);
    border-radius: 50px;
    border: 5px solid white;
    box-shadow: 5px 5px 15px #0006;
}
.sidebar {
    display: flex;
    flex-flow: column;
    align-items: center;
    background-color: rgba(250, 235, 215, 0.363);
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.308);
    box-shadow: 5px 5px 5px #0003;
}
.sidelink {
    padding: 25px;
    text-align: center;
}
.sidebar a {
    text-decoration: none; }
.sidelink div {
    padding: 5px 10px;
    margin: 10px 0;
    border: 2px dashed rgba(250, 235, 215, 0.459);
    border-radius: 50%;
    font-size: 1.2em;
    width: 200px;
}
.sidelink div a { color:antiquewhite;}
@media only screen and (max-width: 1200px){
    .sidebar { width: 95%; }
    .blogcontainer {flex-flow: column;
  justify-content: flex-end;
    align-items: center;}
    .sidelink div {display: inline-block
        ;}
}
@media only screen and (min-width: 1201px){
    .blogcontainer {flex-flow: row;
        justify-content: center; }
    .sidebar {flex-basis: 300px;}
}

p {padding: 25px;}
p a {color: #210115 !important;}
h4 {font-family: "DM Sans", sans-serif; font-weight: 300; font-size: 1.2em;}
h2 {text-align: center;}
.post-date {margin-top: 10px; 
    font-family: "DM Sans", sans-serif; }