li {
    list-style: none;  /* Removes the bullet points from list items */
    
    padding: 20px;  /* Adds some padding inside each list item */
    border: 1px solid #2a0332;  /* Adds a border around each list item */
    border-radius: 5px;  /* Rounds the corners of the border */
    background-color: #d680f8;  /* Sets the background color of each list item */
    width: 80%; /* Set the width to a percentage of the containing element */
    margin: 20px auto; /* Center the box by setting the left and right margins to auto */
    display: flex;
    flex-direction: column;
    align-items: center;
}

li h1 {
    font-size: 1.2rem;  /* Sets the size of the post title */
    margin-bottom: 10px;  /* Adds some margin below the post title */
    color: #77408d;
}

li img {
    max-width: 100%;
    max-height: 300px;  /* Limiting the maximum height of images */
    height: auto;
    width: auto;
}

li a {
    text-decoration: none;  /* Removes the underline from links */
    color: #007BFF;  /* Sets the color of links */
}

li a:hover {
    color: #0056b3;  /* Sets the color of links when hovered over */
}