style.css

body {
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Arial", sans-serif; /* افزودن فونت‌های بیشتر */
    background-color: #f0f2f5; /* رنگ پس‌زمینه مشابه فیس‌بوک */
}

h1 {
    font-size: 24px; /* افزایش اندازه فونت */
    margin-top: 0;
    color: #333; /* رنگ متن عنوان */
}

p {
    color: rgb(59, 64, 69); /* رنگ متن مشابه فیس‌بوک */
    font-size: 14px; /* کاهش اندازه فونت */
    margin-bottom: 10px;
    margin-top: 5px;
}

.card {
    max-width: 620px;
    margin: 20px auto; /* فاصله عمودی کارت */
    padding: 16px;
    border: 1px solid #ddd; /* حاشیه کارت با رنگ ملایم‌تر */
    border-radius: 8px; /* گوشه‌های گرد کمتر */
    background-color: #ffffff; /* رنگ پس‌زمینه کارت */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* سایه ملایم برای عمق بیشتر */
}

.card p:last-child {
    margin-bottom: 0; /* حذف فاصله پایین برای آخرین پاراگراف */
}