diff --git a/site/css/main.css b/site/css/main.css index f633520..a60fa26 100644 --- a/site/css/main.css +++ b/site/css/main.css @@ -8,6 +8,7 @@ --bg: #fff; --fg: #000; --acc: #ff1493; + --neon: #ff4500; --bd: 3px solid var(--fg); --gap: 12px; --tit: "Anton", Impact, "Arial Narrow", sans-serif; @@ -40,7 +41,11 @@ h1, h2, h3, .cuadro, .bt { } h1 { font-size: clamp(48px, 11vw, 120px); } -h1.w { margin: 24px auto 16px; text-align: center; } +h1.w { + margin: 24px auto 16px; + text-align: center; + text-shadow: .01em .01em 0 var(--neon), .02em .02em 0 var(--neon), .03em .03em 0 var(--neon), .04em .04em 0 var(--neon), .05em .05em 0 var(--neon), .05em .05em .12em rgba(255, 69, 0, .55); +} h2 { font-size: 40px; margin: 48px 0 16px; border-bottom: var(--bd); padding-bottom: 6px; } h3 { font-size: 26px; margin: 0 0 6px; } @@ -88,14 +93,15 @@ h3 { font-size: 26px; margin: 0 0 6px; } transition: transform .12s ease-out, box-shadow .12s ease-out, border-color .12s, color .12s; } .bt:hover, .bt:focus-visible { - --sombra: var(--acc); - border-color: var(--acc); - color: var(--acc); + --sombra: var(--neon); + border-color: var(--neon); + color: var(--neon); transform: translateY(-3px); box-shadow: 0 9px 0 var(--sombra); outline: none; } .bt:active { + --sombra: var(--neon); transform: translateY(4px); box-shadow: 0 2px 0 var(--sombra); }