details#collapsible-text {
    width:90%;
    margin: auto;
}
details#publications {
    width:90%;
    margin: auto;
    text-align:
    justify;
}

summary#collapsible-text {
    font-size: x-large;
    font-weight: bold;
    background-color:whitesmoke
}

summary#publications {
    font-size: x-large;
    font-weight: bold;
    background-color:whitesmoke
}

footer#homepage {
    display:grid;
    grid-template-columns: 20% 60% 20%;
    font-size: small;
}

div#intro {
    margin:auto;
    width:90%;
    display: grid;
    grid-template-columns: 50% 50%;
}

div.smallgrid {
    display: grid;
    margin: auto;
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 2px;
}

div#featured {
    margin: 2px;
    padding: 2px;
    border-width: 2px;
    border-style: dashed;
}

div#posts {
    margin: 2px;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
}

div.tinygrid {
    display: grid;
    column-gap: 20px;
    white-space: nowrap;
    grid-template-columns: min-content min-content min-content min-content;
}

div.blog-post {
    margin: 20px;
    display: grid;
    grid-template-columns: min-content auto;
    row-gap: 10px;
    column-gap: 10px;
}

div.blog-content {
    margin: 10px;
    max-width: 1000px;
}

h1.post-title {
    padding: 0px;
    margin: 0px;
}

h2.post-subtitle {
    padding:0px;
}

div.post-metadata{
    display: flex;
    flex-direction: column;
    width: 90%;
}

ul.post-dates {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    list-style: none;
    padding: 0;
}

ul.post-tags {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    list-style: none;
    padding: 0;
}

ul.nav {
    list-style: none;
    border-width: 1px;
    border-style: solid;
    min-width: 200px;
}

li.nav-item {
    margin: 5px 10px 5px 0px;
}

hr.nav-hr {
    margin: 10px 10px 10px 0px;
}

hr.post-hr {
    max-width: 980px;
}

div.post-content {
    text-align: justify;
}