html, body {
    margin: 0;
    padding: 0;
    background: #c0c0c0;
    color : black;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1em;
    display: flex;
    width: 100%;
    justify-content: center;
}

#postcontainer {
    width: 40dvw;
}

.post {
    border: 2px ridge #c0c0c0;
    padding: 10px;
    margin: 10px;
    background-color: whitesmoke;
    border-radius: 5px;
}

.post h2 {
    margin: 0 0 4px 0; 
   background: linear-gradient(38deg, rgba(222, 44, 112, 1) 0%, rgba(222, 146, 204, 1) 100%);
    color: white;
    font-size: 14.5px;
    padding: 6px;
}

.date {
    color: steelblue;
    text-decoration-line: underline;
    font-size: smaller;
}


img {
    max-width: 100%;
    height: auto;
}


@media (max-width: 800px) {
    #postcontainer {
        width: 100dvw;
    }
}