From fc70acd6dc5fb3382c4191ff52e5ef98a850f7e7 Mon Sep 17 00:00:00 2001 From: Niko Date: Tue, 14 Apr 2026 19:38:44 -0700 Subject: [PATCH] fixed the dropdown menus. also increased the padding of the dropdown contents --- styles.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/styles.css b/styles.css index e1fe413..03462cd 100644 --- a/styles.css +++ b/styles.css @@ -57,19 +57,19 @@ margin: 20px auto; } .main { - background-color: var(--crust); + background-color: light-dark(#dce0e880, #11111b80); margin-top: 20px; outline: 2px solid; outline-color: var(--accent); border-radius: 25px; padding: 20px; - opacity: 0.7; box-shadow: 10px 5px 10px var(--crust); } .main:hover { outline: 5px dashed; outline-color: var(--accent); opacity: 1; + background-color: var(--crust); transform: scale(1.01, 1.01); transition: ease-in-out 0.3s; } @@ -158,6 +158,7 @@ border-radius: 15px; background-color: var(--background); min-width: 100%; + padding: 5px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; @@ -172,7 +173,7 @@ text-align: center; } .dropdown-content a:hover { - background-color: var(--background); + background-color: var(--foreground); } .web-buttons:hover .web-button { transition: ease-in-out 0.2s; @@ -245,8 +246,7 @@ border-color: var(--background); transition: ease-in-out 0.5s; position: relative; - transform: scale(2); - letter-spacing: 1px; + letter-spacing: 2px; padding: 12px; } -- 2.51.2