diff --git a/src/components/homePage/PageHeader.tsx b/src/components/homePage/PageHeader.tsx index 1837bf9..e1e4940 100644 --- a/src/components/homePage/PageHeader.tsx +++ b/src/components/homePage/PageHeader.tsx @@ -30,15 +30,18 @@ const Mask = styled.div` opacity: 0.6; `; -const HeaderText = styled.div` - font-weight: bolder; +const HeaderTextContainer = styled.div` position: absolute; - color: white; text-align: center; - font-size: 2rem; z-index: 3; `; +const HeaderText = styled.h1` + font-weight: bolder; + color: white; + font-size: 2rem; +`; + const BackgroundVideo = styled.iframe` position: absolute; top: 50%; @@ -62,17 +65,19 @@ const PageHeader = ({ youtubeId, start = 0 }: { - - - + + + + +