body {
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

img {
    display: inline-block;
    max-width: 100%;
    border-radius: 10px;
}

pre {
    overflow-x: auto;
    padding: 10px;
}

.codehilite {
    border-radius: 10px !important;
}

a, a:visited, a:active {
    color: rgb(0, 119, 255);
    text-decoration: none;
}

nav a {
    padding: 10px;
}
header {
    text-align: center;
}

ul.blog-posts{
        padding-inline-start: 0px !important;
}

ul.blog-posts li{

    display: flex;
    margin-bottom: 5px;
}

ul.blog-posts li span{
    flex: 0 0 130px;
    font-family: monospace;
}