fix: center hero logo properly

Changed margin from '60px auto 40px' to '0 auto 40px' to properly
center the logo. The 60px top margin was unnecessary inside the already
padded hero container.

Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
This commit is contained in:
Claude (Chronicler #56)
2026-04-03 01:44:23 +00:00
parent ff853aa74a
commit 3821cef960

View File

@@ -9,8 +9,8 @@ description: Fire + Frost + Foundation = Where Love Builds Legacy
<div style="position: relative; z-index: 2; text-align: center; padding: 100px 40px;">
<!-- Logo above title -->
<img src="/assets/images/2026/03/Dark-Logo---Copy.png" alt="Firefrost Gaming" style="max-width: 600px; width: 100%; height: auto; margin: 60px auto 40px; opacity: 0.95; filter: drop-shadow(0 10px 25px rgba(0,0,0,0.9)); display: block;" />
<!-- Logo above title - CENTERED AND LARGE -->
<img src="/assets/images/2026/03/Dark-Logo---Copy.png" alt="Firefrost Gaming" style="max-width: 600px; width: 100%; height: auto; margin: 0 auto 40px; opacity: 0.95; filter: drop-shadow(0 10px 25px rgba(0,0,0,0.9)); display: block;" />
<h1 style="font-weight: 900; margin: 0 0 35px 0; color: #ffffff; text-shadow: 4px 4px 12px rgba(0,0,0,0.9), 0 0 30px rgba(0,0,0,0.7); line-height: 1.2;">Fire + Arcane + Frost = Forever</h1>