From 8e75c5d493deed8de2eb7c04ff14df2c487a2196 Mon Sep 17 00:00:00 2001 From: hacklab Date: Tue, 29 Sep 2026 13:06:22 +0200 Subject: [PATCH] =?UTF-8?q?T=C3=ADtulo=20con=20relieve=20naranja,=20botone?= =?UTF-8?q?s=20naranja=20al=20pasar=20y=20pulsar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- site/css/main.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) 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); }