diff --git a/public/css/style.css b/public/css/style.css index d285806..dee8b88 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -44,8 +44,7 @@ so here's the license body { font-family: Inter, sans-serif; - min-width: 20em; - width: 70vmin; + max-width: 50em; margin: auto; background: #101010; color: #ffffff; @@ -54,7 +53,8 @@ body { .header { margin-top: 2%; - margin-bottom: 5%; + display: flex; + align-items: center; } .header b { @@ -81,9 +81,10 @@ nav { } article { hyphens: auto; + padding: 1em; } article p { - margin: 1rem; + margin: 1rem 1em; line-height: 1.5; } h1,h2,h3,h4 { @@ -117,10 +118,10 @@ img { .logo { border: none; - max-width: 4vh; + max-width: 3em; position: relative; - top: 1.4vh; - margin-right: 0.25em; + top: .22em; + margin-right: 0.45em; } blockquote { @@ -182,3 +183,19 @@ p, pre, table, blockquote { margin-left: 1rem; text-align: justify; } + +@media only screen and (max-device-width: 800px) { + .header { + flex-flow: column nowrap; + margin-bottom: 0em; + } + .logo { + display: none; + } + .header b { + margin-right: 0; + margin-bottom: 0.3em; + margin-top: 0.5em; + font-size: 125%; + } +}