cra-template-donuts/template/src/views/pages/Erros/404/styles.js

The most delicious reacjs template you've ever seen.

import styled from 'styled-components';

export const Container = styled.div`
  width: 100%;
  height: 100vh;
  background: ${({ theme }) => theme.colors.primary};
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  & h1 {
    color: ${({ theme }) => theme.colors.text};
    margin-top: 1rem;
    font-size: 4rem;
    font-weight: 100;
  }
`;