diff --git a/app/assets/css/blog/article.css b/app/assets/css/blog/article.css index 068ae00..7abf2e0 100644 --- a/app/assets/css/blog/article.css +++ b/app/assets/css/blog/article.css @@ -1,6 +1,7 @@ .BlogArticle { display: flex; flex-direction: column; + align-items: center; gap: 2rem; & .meta { @@ -12,6 +13,7 @@ & .article-content { background: var(--color-black); border-radius: 1rem; + max-width: 1000px; } & .article-text { @@ -23,21 +25,25 @@ } h1 { - font-size: 2rem; + font-size: 3rem; display: flex; flex-direction: column; & small { - font-size: 1.2rem; + font-size: 1.5rem; font-style: italic; } } h2 { - font-size: 1.5rem; + font-size: 2rem; font-weight: lighter; margin-top: 2rem; margin-bottom: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; + border-top: 1px solid var(--color-white-transparent); + border-bottom: 1px solid var(--color-white-transparent); } & .image { @@ -56,7 +62,9 @@ } } + & ul, & ol, & p { - margin-bottom: .5rem; + font-size: 1.2rem; + margin-bottom: .5rem; } } \ No newline at end of file