body { | |
padding: 2rem; | |
font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif; | |
color: #333; /* Dark gray color */ | |
font-size: 18px; /* Increased font size */ | |
line-height: 1.6; /* Improved line spacing */ | |
} | |
h1 { | |
font-size: 36px; | |
margin-top: 0; | |
color: #333; /* Dark gray color */ | |
} | |
h2 { | |
font-size: 28px; | |
margin-top: 0; | |
color: #333; /* Dark gray color */ | |
} | |
h3 { | |
font-size: 24px; | |
margin-top: 0; | |
color: #333; /* Dark gray color */ | |
} | |
h4 { | |
font-size: 20px; | |
margin-top: 0; | |
color: #333; /* Dark gray color */ | |
} | |
p { | |
font-size: 18px; | |
margin-bottom: 20px; | |
margin-top: 10px; | |
} | |
li { | |
font-size: 16px; | |
margin-bottom: 10px; | |
margin-top: 10px; | |
} | |
.card { | |
max-width: 620px; | |
margin: 0 auto; | |
padding: 16px; | |
border: 1px solid lightgray; | |
border-radius: 16px; | |
background-color: #f8f8f8; /* Light gray background color */ | |
} | |
.card p:last-child { | |
margin-bottom: 0; | |
} | |