2020-12-14 07:09:59 -08:00
|
|
|
import React from 'react';
|
2021-01-24 09:46:44 -08:00
|
|
|
import { Link } from 'react-router-dom'
|
2020-12-16 07:31:17 -08:00
|
|
|
import styled from 'styled-components';
|
|
|
|
|
|
|
|
|
|
const Body = styled.div`
|
|
|
|
|
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);
|
2021-01-24 09:46:44 -08:00
|
|
|
background-color: #fff;
|
|
|
|
|
|
2020-12-16 07:31:17 -08:00
|
|
|
font-size: 100%;
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
font-family: "Roboto", sans-serif;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
`;
|
2021-01-24 09:46:44 -08:00
|
|
|
const Heading = styled.h1`
|
2020-12-16 07:31:17 -08:00
|
|
|
text-align: center;
|
2021-01-24 09:46:44 -08:00
|
|
|
color: #000;
|
2020-12-16 07:31:17 -08:00
|
|
|
|
2021-01-24 09:46:44 -08:00
|
|
|
`;
|
2020-12-14 07:09:59 -08:00
|
|
|
const Error404 = () => {
|
2021-01-24 09:46:44 -08:00
|
|
|
return (
|
|
|
|
|
<Body>
|
|
|
|
|
<Heading>Error 404</Heading>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Body>
|
2020-12-16 07:31:17 -08:00
|
|
|
|
2020-12-14 07:09:59 -08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2021-01-24 09:46:44 -08:00
|
|
|
);
|
2020-12-14 07:09:59 -08:00
|
|
|
}
|
|
|
|
|
export default Error404;
|
