diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx index 96a2f86..8186c49 100644 --- a/frontend/src/components/Header.jsx +++ b/frontend/src/components/Header.jsx @@ -5,7 +5,13 @@ const Header = () => { const { t } = useTranslation(); return ( -
+
+ Purity Seal +

Adeptus Miniaturium

{t("header.subtitle")}

diff --git a/frontend/src/css/Header.css b/frontend/src/css/Header.css index 21bdc65..8a8e410 100644 --- a/frontend/src/css/Header.css +++ b/frontend/src/css/Header.css @@ -6,6 +6,28 @@ header { box-shadow: 0 10px 30px rgba(0,0,0,0.9); } +.imperial-header { + overflow: visible; + z-index: 1000; +} + +.purity-seal { + position: absolute; + top: 5px; + width: 196px; + z-index: 10; + pointer-events: none; +} + +.purity-seal.left { + left: 8%; +} + +.purity-seal.right { + right: 5%; + transform: rotate(10deg); +} + header h1 { font-family: 'Cinzel', serif; font-size: 3.5rem;