How to use the preact-emotion.p function in preact-emotion

}

    @media all and (max-width: 500px) {
        max-width: none;
    }

    @media all and (max-width: 1023px) {
        h1,
        h2 {
            display: block;
            margin-bottom: 1.5rem;
        }
    }
`;

const LearnMore = styled.p`
    color: ${lighten(0.2, COLOR_BODY)};
`;

const sharedCss = css`
    flex: 0 0 50%;
    padding: 1em;
`;

const Demo = styled.section`
    display: flex;
    flex-grow: 1;
    margin-left: -1.5rem;
    margin-right: -1.5rem;

    @media all and (min-width: 1024px) {
        margin-left: 0;