body { width: 70%; margin: 0 auto; }
a { color: blue; text-decoration: none; }
a:hover { color: green; }
.navbar {
    display: flex;
    flex-direction: row; /* Stacks items horizontally */
    gap: 10px; /* Adds 10px space between items */
    list-style: none; /* Optional: removes default list bullets/numbers */
    padding: 0; /* Optional: removes default padding */
}
.socials {
    display: flex;
    flex-direction: row; /* Stacks items horizontally */
    gap: 10px; /* Adds 10px space between items */
    list-style: none; /* Optional: removes default list bullets/numbers */
    padding: 0; /* Optional: removes default padding */
}
.blog-list {
    display: flex;
    flex-direction: column; /* Stacks items horizontally */
    gap: 10px; /* Adds 10px space between items */
    list-style: none; /* Optional: removes default list bullets/numbers */
    padding: 0; /* Optional: removes default padding */
}
.post-img {
    width: 300px;
}