p, h1, h2, h3, h4, h5, h6, small { max-width: 48em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit !important; text-decoration: none; } ul, ol { /* account for the 1em -webkit-margin-start for the list icon */ max-width: 45em; } ul,ol,dl, p { margin-top: 0.3em; margin-bottom: 0.3em; line-height: 1.2; } ul, ol { padding-inline-start: 1.5em; } #bodydiv { margin: auto; max-width: 80em; } #maincontainer aside img { max-width: 10em; } #maincontainer main blockquote { margin-left: 0; margin-right: 10px; box-shadow: 10px 0px 0px 0px #C4C4C4; } blockquote, pre code { padding: 0.5ex 0; display: block; background-color: #EEE; } #maincontainer main * { max-width: 100%; } #maincontainer main pre { overflow-x: auto; } .entry_meta { margin-bottom: 1em; } @media only screen and (min-width: 1024px) { #maincontainer { display: flex; } #maincontainer main { max-width: 50em; flex: 5; } #maincontainer aside { margin-left: 5em; max-width: 15em; flex: 1; } #maincontainer aside img { margin: auto; display: block; } article > h2.entry_header { margin-bottom: 3px; } .entry_meta { padding: 3px 0; background-color: LightBlue; } hr.entry_sep { border: none; } hr.entry_sep::before { content: '* * *'; display: block; text-align: center; } }