@import "common"; .published-page-content-wrapper { margin: 2em auto; max-width: 800px; } .published-page-header { width: 100%; top: 0; z-index: z("header"); background-color: var(--header_background); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.25); position: sticky; top: 0; .published-page-header-wrapper { width: 925px; display: flex; margin: 0em auto; padding: 0.5em 0; align-items: center; .published-page-logo { height: 45px; margin-right: 1em; line-height: 1em; } .published-page-title { color: var(--header_primary); font-size: 2em; margin: 0; max-height: 1.25em; } } } .published-page { background-color: var(--secondary); color: var(--primary); blockquote { margin-left: 0; margin-right: 0; padding: 12px; } } .published-page-author { margin-top: 1em; margin-bottom: 2em; display: flex; .avatar { margin-right: 1em; height: 45px; width: 45px; border: 4px solid var(--tertiary-medium); } .topic-created-at { color: var(--primary-medium); } } .published-page-content-body { font-size: 1.25em; padding-bottom: 2em; }