hacklab/26s
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Título con relieve naranja, botones naranja al pasar y pulsar

Browse source
This commit is contained in:
hacklab 2026-09-29 13:06:22 +02:00
parent 8a4c6569f2
commit 8e75c5d493
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
site/css/main.css
View file

@ -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);
}