article { flex-grow: 1; flex-shrink: 0; background-color: var(--background); padding: 1rem; margin-bottom: 2rem; border-radius: 10px; align-items: stretch; } #articletitle h2 { margin-top: 0; } article a { text-decoration: underline; } #article_list a { text-decoration: none; } article p:first-child { margin-top: 0; } article #readmore { margin-top: 1rem; } #articlemeta { margin-bottom: 1rem; margin-left: .3rem; } #articletext img { width: 80%; } #articlemeta div:first-child { font-size: medium; font-weight: bold; } #articletext { margin-bottom: 1rem; word-break: break-all; word-wrap: break-word; } .multiple_small { flex: 0 0 24%; margin-right: 1rem; } .multiple_big { flex: 0 1 72%; } .solo { flex: 0 0 75%; } #articleinner { display: flex; flex-direction: column-reverse; margin-left: .3rem; } #article_footer { margin-left: 1rem; margin-right: 1rem; margin-top: 0rem; margin-bottom: 0rem; display: flex; flex-direction: column; align-items: stretch; font-size: x-small; color: var(--text-muted); } #article_footer_foundations1 { display: flex; height: 3rem; } #article_footer_foundations2 { display: flex; justify-content: space-between; margin-top: 1rem; } .article_footer_item1 { display: flex; flex-grow: 0; height: 3rem; margin-right: 1rem; margin-top: .1rem; } .article_footer_item2 { display: flex; flex-grow: 0; flex-direction: column; }