body { font-family: Helvetica, Arial, sans-serif; font-size: 1.0em; line-height: 1.2; max-width: 52em; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; margin-bottom: 3em; text-align: justify; text-align-last: left; } h1 { margin-top: 1em; margin-bottom: 0; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav li { display: inline; } .header-container { display: flex } .header-container h1 { width: 50%; } .header-container nav { width: 50%; text-align: justify; margin-top: auto; margin-bottom: 0.2em; } ul { padding-left: 2em; } figure { text-align: center; padding: 5px; margin: 0; border: 1px solid #000; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); /* border-top: 2px solid #000; border-bottom: 2px solid #000; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; margin-bottom: 5px; */ } figcaption { text-align: justify; text-align-last: left; font-size: 0.9em; margin-top: 5px; } .figure { display: flex; gap: 10px; flex-wrap: wrap; width: 100%; margin: auto; padding: 0px; } .subfigure { flex: 1 } .parantheses { font-size: 0.9em; } /* for mobile devices */ @media (max-width: 480px) { .float-right { float: none; margin-left: 0; margin-bottom: 1em; width: 100%; } .float-img { margin-right: 0.8em; width: 35%; } .header-container { display: block; } .header-container h1 { width: 100%; } .header-container nav { width: 100%; text-align: justify; text-align-last: left; } } .markdown-body p, .markdown-body li, .post-content p, .post-content li, .page-content p, .page-content li, body p, body li { text-align: justify; text-align-last: left; text-justify: inter-word; /* nicer spacing where supported */ hyphens: auto; /* reduce rivers; needs */ } /* Keep headings/nav/captions left-aligned */ h1, h2, h3, h4, h5, h6, nav, figcaption { text-align: left !important; }