article { .article_content { word-break: normal; } .article_image { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom: 1.5rem; width: 80vw; margin-left: auto; margin-right: auto; img { width: 80vw; } &> a { display: inherit; justify-content: inherit; flex-direction: inherit; align-items: inherit; margin-bottom: inherit; } } .articlemeta { margin-top: 1rem; margin-bottom: .5rem; &:first-child { font-weight: bold; } } p { margin-top: 2rem; margin-bottom: 2rem; } .toc { padding-left: 0; padding-bottom: .4rem; margin-top: 1rem; .toc-head { margin-top: 1rem; margin-right: 1rem; margin-bottom: 1rem; margin-left: 0; font-size: 1.35rem; } ul { padding-left: 0;} li { list-style: none; margin-bottom: .1rem; margin-left: 1rem;} } } .article_footer { font-size: 60%; display: flex; flex-direction: column; align-items: center; margin-top: 1rem; .bold { font-weight: bold; margin-right: .4em; } .foundations_items { display: flex; margin-bottom: 1em; img { margin-right: .4rem; max-height: 4rem; } } .mod_times { display: flex; flex-direction: column; .mod_times_item { display: flex; } } } @media (min-width: 640px) { .article_footer { align-items: flex-start; } article { .article_image { width: 55vw; margin-left: auto; margin-right: auto; img { width: 55vw; } } } }