diff --git a/src/assets/arobas.png b/src/assets/arobas.png new file mode 100644 index 0000000..a6f143d Binary files /dev/null and b/src/assets/arobas.png differ diff --git a/src/assets/style.css b/src/assets/style.css index ec3ebaf..146661d 100644 --- a/src/assets/style.css +++ b/src/assets/style.css @@ -6,39 +6,42 @@ body { width: 100%; padding: 0; margin: 0; + font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 20px; } -.header { - padding-top: 1em; - padding-bottom: 1em; +a { + color: rgb(0, 150, 110); +} +.navbar { + width: 100%; + padding-top: 0.6em; + padding-bottom: 0.6em; background-color: black; + position: sticky; top: 0; - width: 100%; + display: inline-flex; flex-direction: row; } -.button { - flex-grow: 1; +.navbutton { width: 100%; + flex-grow: 1; text-align: center; } .footer { width: 100%; text-align: center; - background-color: #111111; padding-top: 1em; padding-bottom: 2em; + background-color: #222222; } .content { - max-width: 35em; - margin: auto; + max-width: 40em; + margin: auto; + line-height: 2; - padding-top: 4em; - padding-bottom: 4em; - padding-left: 2em; - padding-right: 2em; text-align: justify; text-justify: inter-word; } @@ -46,8 +49,11 @@ body { width: 100%; padding-top: 5em; padding-bottom: 5em; + margin-bottom: 4em; + color: white; text-align: center; + background-image: url("banner.jpg"); background-attachment: fixed; background-position: center; @@ -69,17 +75,20 @@ h2 { } .softpage { display: block; - height: 80vh; - min-height: 10em; + min-height: 80vmin; padding-bottom: 4em; } .logo { max-width: 1.2em; max-height: 1.2em; display: inline-block; - vertical-align: bottom; + vertical-align: text-bottom; } .logo img { width: 100%; height: 100%; } +.impressum { + text-align: center; + font-size: 14px; +} diff --git a/src/new-landing-page.html b/src/new-landing-page.html index c7f8c7d..37f2306 100644 --- a/src/new-landing-page.html +++ b/src/new-landing-page.html @@ -6,19 +6,19 @@
-