From 6b01e178b9f5980a5d01bc4d36aa31577ba5803f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Estelle=20K=C3=B6hler?= Date: Thu, 9 Apr 2026 12:07:55 +0200 Subject: [PATCH] Update how-it-works button styling --- css/landingpage.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/css/landingpage.css b/css/landingpage.css index c9b179a..38ea4ae 100644 --- a/css/landingpage.css +++ b/css/landingpage.css @@ -184,9 +184,10 @@ body { align-items: center; gap: 16px; padding: 28px 20px; - background: #6B6B05; + background: var(--white); + border: 2px solid var(--tomato); border-radius: 28px; - box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); + box-shadow: 0 12px 30px rgba(212, 75, 36, 0.08); } .how-step__icon { @@ -225,7 +226,7 @@ body { } .how-step__label--brown { - color: #FFFDE3; + color: var(--tomato); } .how-step__label--big { @@ -246,7 +247,7 @@ body { } .how-step__corner-number--brown { - color: #FFFDE3; + color: var(--tomato); } .how-step__png { @@ -256,7 +257,7 @@ body { } .how-step__png--brown { - filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(1200%) hue-rotate(10deg) brightness(104%) contrast(97%); + filter: brightness(0) saturate(100%) invert(39%) sepia(84%) saturate(1682%) hue-rotate(349deg) brightness(93%) contrast(86%); } }