From 9c7a070bab192ac976f3a45ea12c839e372d8f2b Mon Sep 17 00:00:00 2001 From: Notoric Date: Thu, 30 May 2024 23:22:50 +0100 Subject: [PATCH] Glassy navbar for desktop --- styles/global.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/styles/global.css b/styles/global.css index d65698f..4eb9ddd 100644 --- a/styles/global.css +++ b/styles/global.css @@ -43,7 +43,8 @@ body { } #navbar { - background-color: black; + background-color: #000c; + backdrop-filter: blur(10px); margin: 0; overflow: hidden; padding-inline: 30px; @@ -291,7 +292,7 @@ em { margin: auto; position: relative; font-family: "Barlow", sans-serif; - padding-top: 100px !important; + padding-top: 100px !important; /* padding to make sure that the scroll anchor works properly with the navbar */ } #aboutme h1 { @@ -480,8 +481,6 @@ em { border: 0; padding-inline: 0; transition: transform 0.5s ease; - background-color: #000a; - backdrop-filter: blur(10px); } #navbar.expanded {