.ts
TypeScript
(application/typescript)
import styled from "styled-components";

export const PageWrapper = styled.div`
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  max-width: 1176px;
  width: 100%;

  margin: 0 auto;
  padding: 24px 16px 64px 16px;

  & > h1 {
    margin: 0;
    &:not(:first-of-type) {
      margin-top: 32px;
    }
  }

  & > h2 {
    margin: 0;
    &:not(:first-of-type) {
      margin-top: 24px;
    }
  }

  & > p {
    margin: 0;
    &:not(:first-of-type) {
      margin-top: 16px;
    }
  }
`;