diff --git a/css/landingpage.css b/css/landingpage.css index b5db748..81aa0b7 100644 --- a/css/landingpage.css +++ b/css/landingpage.css @@ -29,6 +29,20 @@ body { margin-bottom: 40px; /* Using your 40px margin from the first block */ } +.header__brand { + display: flex; + align-items: center; + gap: 10px; + font-weight: 700; + font-size: 1.2rem; +} + +.brand__logo { + height: 34px; + width: auto; + object-fit: contain; +} + /* Grouping container for 'Event finden' and 'Login' */ .header__actions { display: flex; @@ -158,4 +172,51 @@ body { border-radius: 50%; border: 1px solid var(--black); margin-top: 20px; +} + +.gallery__info { + display: flex; + align-items: center; + gap: 10px; +} + +.gallery__handle { + display: flex; + align-items: center; + font-size: 1.1rem; + font-weight: 700; + color: var(--black); + gap: 6px; +} + +.gallery__icon { + font-size: 1.15rem; + color: #DD541A; +} + +.gallery__at { + font-size: 1.1rem; + color: #222; +} + +.gallery__brand { + font-family: 'Inter', sans-serif; + color: #DD541A; +} + +/* Footer */ +.footer { + display: flex; + justify-content: center; + align-items: center; + padding: 16px 24px; + border: none; + margin-top: 40px; +} + +.footer__link { + color: var(--black); + text-decoration: underline; + font-size: 0.8rem; + font-weight: 400; } \ No newline at end of file diff --git a/index.html b/index.html index 1a1d2af..037d01e 100644 --- a/index.html +++ b/index.html @@ -4,20 +4,21 @@