diff --git a/site/assets/css/style.css b/site/assets/css/style.css index f46b35f..d2f6d5a 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -395,7 +395,7 @@ section[id] { top: calc(100% + var(--bw)); width: calc(100% + var(--bw) * 2 + var(--depth-x)); height: var(--depth); - background: linear-gradient(to right, var(--wall-lo) 0%, var(--wall) 12%, var(--wall-hi) 50%, var(--wall) 88%, var(--wall-lo) 100%); + background: linear-gradient(to right, var(--wall-lo) 0%, var(--wall) 1%, var(--wall-hi) 50%, var(--wall) 99%, var(--wall-lo) 100%); clip-path: polygon(0 0, calc(100% - var(--depth-x)) 0, 100% 100%, var(--depth-x) 100%); transform: scaleY(0); } @@ -434,9 +434,9 @@ section[id] { transform: translate(calc(var(--depth-x) * -1), calc(var(--depth) * -1)); /* inner glow on the face (the "lit from inside" look) + a halo round the whole solid; drop-shadow follows the clipped walls, box-shadow can't */ - box-shadow: inset 0 0 18px 2px rgba(var(--fitme-accent-rgb), .55), - inset 0 0 4px 0 rgba(var(--fitme-accent-rgb), .8), - 0 0 22px 3px rgba(var(--fitme-accent-rgb), .45); + box-shadow: inset 0 0 14px 1px rgba(var(--fitme-accent-rgb), .4), + inset 0 0 3px 0 rgba(var(--fitme-accent-rgb), .6), + 0 0 12px 1px rgba(var(--fitme-accent-rgb), .25); filter: drop-shadow(0 0 5px rgba(var(--fitme-accent-rgb), .9)) drop-shadow(0 0 14px rgba(var(--fitme-accent-rgb), .55)); transition-duration: 250ms, 250ms, 450ms, 450ms, 450ms, 450ms; transition-timing-function: cubic-bezier(.3, .7, .4, 1.5), cubic-bezier(.3, .7, .4, 1.5), ease, ease, ease, ease;