/* These are specific styles for blog posts 
  that override or add to the main.css file.
*/

/* Add spacing for blog subheadings */
h4 {
    margin-top: 2rem;
}

/* Specific list item spacing for blog posts */
li {
    margin-bottom: 0.75rem;
}

/* Styling for code snippets in blog posts */
code {
    font-family: 'Courier New', Courier, monospace;
    background-color: #f4f4f4;
    padding: 0.2em 0.4em;
    border-radius: 4px;
    font-size: 0.9em;
}

/* Wider text container for blog readability */
.container-text {
    max-width: 80ch;
    margin-left: auto;
    margin-right: auto;
}

/* Override the default max-width for blog content */
.blog-post-content {
   max-width: none;
}

/* Specific border color for blog post headers */
.blog-post-header {
    border-bottom-color: #a9a9a9;
}