did changes in background.css

src/App.js

@@ -1,29 +1,18 @@
-import React from 'react';
+import React, {Component} from 'react';
 //import logo from './logo.svg';
 import Background from './LandingPage/Background/Background';
 import './App.css';
 
 
-function App() {
-  return (
-    <div className="App">
-      <Background/>
-      {/*<header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>*/}
-    </div>
-  );
+class App extends Component {
+  render() {
+    return (
+      <div className="App">
+        <Background/>
+      </div>
+    );
+  }
+
 }
 
 export default App;

src/LandingPage/Background/Background.css

@@ -1,20 +1,19 @@
 
 
 .Background {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     width: 100%;
     height: 100%;
     position: absolute;
-    top: 0;
-    left: 0;
     background-color: #050824;
 }
 
 .centre{
-    display: block;
-    top: 10%;
-    left: 10%;
     height: 90%;
     width: 80%;
+    display: flex;
     position: relative;
     border-top-right-radius: 63px;
     border-bottom-left-radius: 63px;
@@ -23,9 +22,8 @@
 }
 .text {
     position: absolute;
-    top: 25%;
-    left: 8%;
-    font-family: Arial, Helvetica, sans-serif;
+    padding: 13% 7%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-style: normal;
     font-weight: normal;
     font-size: 72px;
@@ -34,9 +32,8 @@
     z-index: 1;
 }
 Img {
+    padding: 8% 32%;
     position: absolute;
-    top: 20%;
-    right: 0.5%;
     width: 70%;
     height: 90%;
     z-index: 2;