diff --git a/new_site/src/griddy.css b/new_site/src/griddy.css index 8eacb0e..588ae80 100644 --- a/new_site/src/griddy.css +++ b/new_site/src/griddy.css @@ -34,7 +34,7 @@ body { background: var(--selection-bg-color); } -h1 { +.headline { text-align: center; width: 90%; margin: 1.5em auto; @@ -42,16 +42,15 @@ h1 { } /* Larger Devices */ @media (min-width: 700px) { - h1 { + .headline { max-width: 60%; } } @media (min-width: 992px) { - h1 { + .headline { max-width: 40%; } } - /* Blinking cursor */ @keyframes cursor-blink { 0% { @@ -64,7 +63,7 @@ h1 { opacity: 0; } } -h1::after { +.headline::after { content: ""; width: 1px; height: 0.85em; @@ -73,6 +72,22 @@ h1::after { display: inline-block; animation: cursor-blink 900ms ease-in-out infinite; } +.footer { + width: 90%; + text-align: center; + margin: 0 auto 2em; +} +/* Larger Devices */ +@media (min-width: 700px) { + .footer { + max-width: 60%; + } +} +@media (min-width: 992px) { + .footer { + max-width: 40%; + } +} a { color: inherit; @@ -231,11 +246,6 @@ hr { margin-left: 0; } -.footer { - text-align: center; - margin: 0 auto 2em; -} - /* Small Devices */ @media (min-width: 576px) { diff --git a/new_site/src/index.html b/new_site/src/index.html index 6767e74..917de0f 100644 --- a/new_site/src/index.html +++ b/new_site/src/index.html @@ -8,7 +8,7 @@
This is privacynerd.de
. I'm mostly known as BlueFox and host some services in the internet. I love coding and publish blog posts every now and then.
Stay optimistic!
Other sites
+ +Social
@@ -90,20 +97,18 @@Other sites
- -