body {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 20px;
    color: brown;
    margin: 0;
    padding: 0;
    background-color: lemonchiffon;
}

.centered-wrapper {
    max-width: 500px;
    margin: 0 auto; /* Center horizontally */
    padding: 20px; /* Add some breathing room */
    padding-bottom: 200px;
    text-align: left; /* Ensure text remains left-aligned */
}

header {
    padding-bottom: 220px;
}

header a {
    text-decoration: none;
}

a {
    text-decoration: underline;
    color: brown;
    text-transform: lowercase;
}

a:hover {
    text-decoration: underline; /* Add underline on hover */
}
/* Remove default list styles */
ul {
    list-style: none;
    padding: 0;
}

/* Style each list item */
li {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

/* Style the links */
li a {
    text-decoration: underline;
}

/* Style the date */
li span {
    font-family: "IBM Plex Sans", monospace;
    margin-left: 15px;
}

hr {
    border: none; /* Remove the default border style */
    height: 0px; /* Set a thin line */
}

.back-button {
    font-size: 2em;
}

pre {
    padding: 25px;
    border-radius: 5px;
    background-color: #fbf1c7; /* Gruvbox Light background */
    overflow-x: auto; /* Horizontal scrolling for long lines */
}

code {
    font-family: "Fira Code", monospace; /* Optional: Customize font */
    font-size: 0.8em;
}