const Container = styled.div` display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 4.5em; gap: 0.625em; background: #000; h1 { font-style: normal; font-weight: 500; font-size: 2.5em; line-height: 1.25em; color: #fff; } p { font-style: normal; font-weight: 400; font-size: 1.25em; line-height: 140%; color: #00ec97; max-width: 13em; } `; return ( <Container> <h1>The 2 week virtual BOS Hackathon</h1> <p>August 25-September 10, 2023</p> </Container> );