Transfered one of the styles to a constant in notfound + tweaked perfil

Testing styling by constants inside notFound. Somehow, it works fine.

src/components/pages/login.js

@@ -50,7 +50,7 @@ const HomeLogo = () => {
   )
 }
 
-class LoginAlts extends react.Component { 
+class LoginAlts extends React.Component { 
   constructor(props) { 
     super(props)
   }

src/components/pages/notFound.js

@@ -1,17 +1,25 @@
 import React from "react";
-import './styles/notFound.css'
+import './styles/notFound.css';
 
-function notFound() {
-    return(
-        <div>
-            <>
-            <meta charSet="UTF-8" />
-            <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-            <title>Error</title>
-            <div className="erro">
-                <h1 className=""> 404 Error </h1>
+class notFound extends React.Component {
+    render() {
+        const errostyle = {
+            fontSize: "90px",
+            textAlign: "center",
+            backgroundColor: "#FFC98A",
+            height: "100vh"
+        }
+        return (
+            <div>
+                <>
+                    <meta charSet="UTF-8" />
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+                    <title>Error</title>
+                    <div className="erro" style={errostyle}>
+                        <h1 className=""> 404 Error </h1>
+                    </div>
+                </>
             </div>
-            </>
-        </div>
-    )
+        )
+    }
 } export default notFound