import styled from "styled-components";

export const Header = styled.header``;

export const Section = styled.section`
  display: flex;
  align-items: center;
  padding: 2rem 0 0 0;
  width: 100%;
  margin: 0 auto;
`;

export const Container = styled.div`
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  max-width: var(--ifm-container-width);
  padding-left: 1rem;
  padding-left: var(--ifm-spacing-horizontal);
  padding-right: 1rem;
  padding-right: var(--ifm-spacing-horizontal);
  width: 100%;
`;

export const Center = styled.div`
  flex-direction: column;
  display: flex;
  align-items: center;
`;

export const Ol = styled.ol``;

export const Li = styled.li`
  font-size: 20px;
`;

export const H1 = styled.h1``;
export const H2 = styled.h2``;
export const H4 = styled.h4`
  font-weight: 600;
`;
