const Header = styled.div` width: 100vw; height: 13vh; display: flex; justify-content: space-betweent; background: rgba(255, 255, 255, 0.09); backdrop-filter: blur(17.8px); -webkit-backdrop-filter: blur(17.8px); `; const Logo = styled.h4` font-size: 30px; background: linear-gradient(180deg, #000 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; `; return ( <Header> <Logo>WeData</Logo> </Header> );