body {
    font-family: Verdana, Helvetica, sans-serif; /* Set font family */
    margin: 20px;
}
#CenterPane {
    margin: auto;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}
hr {
    border: 1px solid #ccc;
}
h1 {
    font-size: 24px;
}
ul {
    list-style-type: none; /* Remove default list styling */
    padding-left: 0; /* Remove left padding */
}
.my-list {
    # list-style-type: disc; /* Use bullet points */
    margin: 0;
    padding-left: 20px;
}
.my-list li {
    # margin-bottom: 10px; /* Space between list items */
    padding-left: 20px; /* Indent the list */
    list-style-type: disc; /* Use bullet points */
    list-style-position: inside; 
}
em {
    font-weight: bold;
    margin-bottom: 5px; /* Space below date */
}
.content {
    dir: ltr; /* Text direction */
    margin-top: 10px; /* Space above content */
}
.discussion {
margin-top: 20px; /* Space above discussion section */
}
.post {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
}
.post h4 {
    margin: 0 0 5px 0;
}
.post p {
    margin: 5px 0;
}