From b4122e4c5c0e304ed56fd0ce8574f0b81d89001b Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Mon, 24 May 2021 09:53:45 +0200 Subject: [PATCH] new border style --- style.css | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index 605e2ab..d9dcf4c 100644 --- a/style.css +++ b/style.css @@ -35,9 +35,11 @@ body { } main { - background: hsla(0, 0%, 100%, 40%); + background: hsla(316deg, 100%, 95%, 45%); border-radius: 2em; - border: 3px solid hsla(0, 0%, 100%, 30%); + --glow-col: hsla(318deg, 100%, 98%, 100%); + border: 1px solid var(--glow-col); + box-shadow: 0 0 25px var(--glow-col) inset; } main { @@ -78,7 +80,7 @@ b { .niss { bottom: 100%; left: 20px; } .nisse { bottom: 85%; right: 0; } #mlem picture { - filter: drop-shadow(0 0 30px hsla(52deg, 85%, 95%, 75%)); + filter: drop-shadow(0 0 30px var(--glow-col)); } header { @@ -228,7 +230,7 @@ h1, h2 { --around-image: url(images/sparkles.svg); } main { background: hsla(0, 0%, 0%, 60%); - border-color: hsla(0, 0%, 0%, 30%); + --glow-col: hsla(0, 0%, 0%, 60%); } :is(#links ul, rt, h1, h2)::before, :is(#links ul, rt, h1, h2)::after { @@ -238,10 +240,6 @@ h1, h2 { --around-image: url(images/sparkles.svg); } hr { background: white; } - - #mlem picture { - filter: drop-shadow(0 0 20px hsla(52deg, 85%, 95%, 35%)); - } } @media (prefers-reduced-transparency) {