Remove footer and update server setup

client/src/App.tsx

@@ -5,21 +5,16 @@ import Languages from 'pages/Languages';
 import Typing from 'pages/Typing';
 import NotFound from 'pages/NotFound';
 
-import Footer from 'components/Footer';
-
 function App() {
   return (
-    <>
-      <div className='app'>
-        <Routes>
-          <Route index element={<Home />} />
-          <Route path='languages' element={<Languages />} />
-          <Route path='typing/:lang' element={<Typing />} />
-          <Route path='*' element={<NotFound />} />
-        </Routes>
-      </div>
-      <Footer />
-    </>
+    <div className='app'>
+      <Routes>
+        <Route index element={<Home />} />
+        <Route path='languages' element={<Languages />} />
+        <Route path='typing/:lang' element={<Typing />} />
+        <Route path='*' element={<NotFound />} />
+      </Routes>
+    </div>
   );
 }
 

client/src/components/Footer/index.css

@@ -1,12 +0,0 @@
-footer {
-  text-align: center;
-
-	width: 100%;
-	padding: 1rem 0rem;
-
-	background: var(--background);
-}
-
-footer a {
-  color: var(--crimson);
-}

client/src/components/Footer/index.tsx

@@ -1,11 +0,0 @@
-import './index.css';
-
-function Footer() {
-  return (
-    <footer>
-      <p><a href='https://github.com/hazemKrimi/touch-programming' target='_blank' rel="noreferrer">Source code</a> Made by <a href='https://hazemkrimi.tech' target='_blank' rel="noreferrer">Hazem Krimi</a></p>
-    </footer>
-  );
-}
-
-export default Footer;

client/src/index.css

@@ -31,9 +31,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-* {
-  margin: 0;
-  padding: 0;
+*, *::before, *::after {
+	margin: 0;
+	padding: 0;
+  box-sizing: border-box;
 }
 
 ::-webkit-scrollbar {
@@ -56,11 +57,13 @@ a {
   color: var(--white);
 }
 
+html, body {
+	overflow: auto;
+}
+
 body {
   background: var(--background);
   color: var(--white);
-
-	min-height: 100vh;
 }
 
 body::-webkit-scrollbar {
@@ -72,7 +75,7 @@ body::-webkit-scrollbar-thumb {
 }
 
 .app {
-  min-height: 100vh;
+	min-height: 100vh;
 }
 
 @media (min-width: 1441px) {

client/src/pages/Home/index.css

@@ -35,6 +35,10 @@ header p {
   color: var(--white);
 }
 
+header a {
+	color: var(--crimson);
+}
+
 header span {
 	color: var(--crimson);
 }
@@ -95,7 +99,7 @@ header .cta {
 }
 
 .benefits {
-  padding: 2.5rem 1.25rem;
+  padding: 2.25rem 1.25rem;
 }
 
 .benefits h2 {

client/src/pages/Home/index.tsx

@@ -11,7 +11,7 @@ function Home() {
     <div className='home-container'>
       <header>
         <h1>Touch Programming</h1>
-        <p>Master touch typing with real code snippets from your favorite programming languages, powered by AI.</p>
+        <p>Master touch typing with real code snippets from your favorite programming languages, <a href='https://github.com/hazemKrimi/touch-programming' target='_blank' rel="noreferrer">Open Source</a> and powered by AI.</p>
         <NavLink to='/languages'>
           {isMobile ?
             <span>This app is made to be used in a desktop device.</span> :