diff options
Diffstat (limited to 'content/assets')
-rw-r--r-- | content/assets/background.jpg | bin | 0 -> 428704 bytes | |||
-rw-r--r-- | content/assets/site.css | 32 |
2 files changed, 17 insertions, 15 deletions
diff --git a/content/assets/background.jpg b/content/assets/background.jpg Binary files differnew file mode 100644 index 0000000..5f1aeb2 --- /dev/null +++ b/content/assets/background.jpg diff --git a/content/assets/site.css b/content/assets/site.css index 5c68537..dc3f276 100644 --- a/content/assets/site.css +++ b/content/assets/site.css @@ -9,8 +9,8 @@ html { .container { align-items: center; height: 100%; - width: 90%; - margin: 40px auto; + width: 95%; + margin: 30px auto; } body { @@ -18,7 +18,7 @@ body { grid-template-rows: auto 1fr auto; font-family: 'Open Sans', Helvetica, sans-serif; line-height: 1.5; - font-size: 18px; + font-size: 16px; color: #aaaabb; margin: 0px; padding: 0px; @@ -36,7 +36,7 @@ body article { @media (min-width: 1200px) { .container { - width: 55% + width: 60% } } @@ -67,7 +67,7 @@ body h4 img { body h1 { font-weight: bold; - text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); padding: 0px; margin: 0px 0px 20px 0px; font-size: 42px; @@ -85,23 +85,23 @@ body h1 { body h2 { font-weight: bold; - text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); + text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); padding: 0px; - margin: 0px; position: relative; - font-size: 32px; + margin: 0; + font-size: 24px; } body h3 { font-weight: bold; - text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); + text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); padding: 0px; - margin: 0px 0px 20px 0px; + margin: 0; font-size: 22px; } body p { - padding: 0px; + padding: 4px; margin: 0; text-align: justify; } @@ -124,6 +124,7 @@ a:visited { padding: 20px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; + margin: 0px 0px 15px 0px; } body pre { @@ -185,10 +186,11 @@ blockquote { intro { background: rgba(0, 0, 0, 0.8); - display: grid; - grid-template-columns: 1fr 1fr; + display: flex; + align-items: center; + justify-content: center; color: #ccc; - gap: 150px; + gap: 16px; margin: 0; padding: 8px; } @@ -208,7 +210,7 @@ intro p { intro img { max-height: 100%; - width: auto; + width: 100px; border-radius: 100%; } |