div.container { font-size: 18px; line-height: 30px; min-height: calc(100vh - 64px); } div.container:not(.no-style) { width: 100%; max-width: 900px; margin: 60px auto; } div.container h1:not(.no-style) { font-size: 50px; line-height: 60px; margin: 2px 0; } div.container h2:not(.no-style) { font-size: 40px; line-height: 48px; margin: 2px 0; } div.container h3:not(.no-style) { font-size: 26px; line-height: 40px; font-weight: 900; margin: 2px 0; } div.container h4:not(.no-style) { font-size: 26px; line-height: 40px; font-weight: 700; margin: 2px 0; } div.container h5:not(.no-style) { font-size: 26px; line-height: 40px; font-weight: 600; margin: 2px 0; } div.container h6:not(.no-style) { font-size: 23px; line-height: 40px; font-weight: 600; margin: 2px 0; } div.container p:not(.no-style) { font-size: 18px; line-height: 30px; margin: 2px 0; } div.container a:not(.no-style) { font-size: 18px; line-height: 30px; margin: 2px 0; color: var( --theme-theme, #3c59da ); transition: .1s; text-decoration: underline; text-decoration-color: transparent; } div.container a:not(.no-style).out::after, div.container a[target="_blank"]:not(.no-style)::after { font-family: 'Material Icons'; font-style: normal; font-weight: 400; content: " \e89e"; text-decoration: none; font-size: 1rem; } div.container a:not(.no-style):hover { text-decoration-color: var( --theme-theme, #3c59da ); } div.container mark:not(.no-style) { margin: 0 5px; padding: 2px 8px; border-radius: 6px; background-color: #e2e2e2; } div.container ul:not(.no-style), div.container ol:not(.no-style) { font-size: 18px; line-height: 30px; margin: 2px 0; padding-left: 30px; } div.container ul:not(.no-style) { list-style-type: disc; } div.container ol:not(.no-style) { list-style-type: decimal; } div.container ul li:not(.no-style) , div.container ol li:not(.no-style) { margin: 2px 0; } div.container img:not(.no-style) { width: 100%; margin: 2px 0; } @media screen and (max-width: 900px) { div.container:not(.no-style) { width: 100%; margin: 20px 0; padding: 0 15px; } }