From 68b6ecdfc302b9318418eb65da0281aea77f0863 Mon Sep 17 00:00:00 2001 From: caroschulte02-alt Date: Wed, 13 May 2026 01:27:55 +0200 Subject: [PATCH] First Implementation --- css/main.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 80be864..b125bd9 100644 --- a/css/main.css +++ b/css/main.css @@ -47,6 +47,7 @@ header { header img { object-fit: cover; background-color: white; + border-radius: 14px; } /* ========================= @@ -61,6 +62,7 @@ nav a { text-decoration: none; color: #f1f5f9; font-weight: 600; + border-radius: 10px; transition: 0.3s ease; } @@ -78,6 +80,7 @@ input[type="search"] { border: 1px solid var(--border); background-color: white; font-size: 1rem; + border-radius: 12px; } input:focus { @@ -95,11 +98,21 @@ button { font-size: 1rem; font-weight: 600; cursor: pointer; - transition: 0.3s ease; + + border-radius: 12px; + + transition: 0.25s ease; } +/* Hover Bewegung */ button:hover { background-color: var(--primary-hover); + transform: translateY(-2px); +} + +/* Klick-Effekt */ +button:active { + transform: translateY(0px); } /* ========================= @@ -108,6 +121,7 @@ button:hover { main { background-color: var(--white); + border-radius: 24px; } /* =========================