html, body {
    height: 100%;
    display: contents;
}
body {
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0%;
    padding-top: 0%;
    font-family: sans-serif;
}
main {
    padding-top: 56px;
    height: calc(100% - 56px);
}
img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: auto;
}
.content-main {
    margin: 0.5%;
    width: min(1060px, 98vw);
    max-width: min(1060px, 98vw);
}
.post-card-list{
    display: flex;
    flex-wrap: wrap;
}
.post-card{
    display: inline-block;
}
.post-card-title, .post-card-description {display:block;}
.tags-list-item{ display: inline-block; padding-left: 2%;}
header {
    padding-left: 0.5%;
    padding-right: 0.5%;
    width: 100%;
    border-bottom: 1px black dashed;
    margin-bottom: 0px;
    position: fixed;
    position: fixed;
    background-color: black;
    color: white;
}
header > * {
    margin-top: 0px;
    margin-bottom: 0px;
    color: white;
}
header > * > a {
    color: aqua;
}
header > * > a:hover {
    color: crimson;
}
.site-title, .site-subtitle { display: inline-block;}