"add top and bottom margin to page content"

This commit is contained in:
yequari 2023-10-20 17:06:37 -07:00
parent 4d3d18cf0b
commit 183476a9f3
1 changed files with 19 additions and 2 deletions

View File

@ -62,7 +62,7 @@
body { body {
background-color: var(--main-bg); background-color: var(--main-bg);
color: var(--primary-text); color: var(--primary-text);
font-size: 16px; font-size: 12pt;
font-family: 'Krub', sans-serif; font-family: 'Krub', sans-serif;
scrollbar-width: none; scrollbar-width: none;
padding: 0; padding: 0;
@ -234,7 +234,7 @@ nav li a:hover, nav li a:active {
main { main {
flex: 8 1; flex: 8 1;
background-color: var(--content-bg); background-color: var(--content-bg);
padding: 0 150px; padding: 30px 50px 100px 150px;
z-index: 1; z-index: 1;
} }
@ -252,9 +252,26 @@ main li {
} }
article {
max-width: 750px;
}
article p { article p {
text-indent: 1rem; text-indent: 1rem;
text-align: justify; text-align: justify;
font-size: 1.1rem;
}
article img {
display: block;
max-width: 400px;
margin: 8px auto;
text-align: center;
}
article figcaption {
text-align: center;
font-size: 14px;
} }
section.posts ul { section.posts ul {