diff --git a/src/App.js b/src/App.js
index d0fa6b9..cf8eccc 100644
--- a/src/App.js
+++ b/src/App.js
@@ -11,6 +11,8 @@ import NoteState from './context/notes/NoteState';
 import { Alert } from './components/Alert';
 import Signup from './components/Signup';
 import Login from './components/Login';
+import "./css/homepage.css"
+
 
 function App() {
   return (
diff --git a/src/css/homepage.css b/src/css/homepage.css
new file mode 100644
index 0000000..c1ea9bf
--- /dev/null
+++ b/src/css/homepage.css
@@ -0,0 +1,6 @@
+body {
+    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('./login.png');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
diff --git a/src/css/login.png b/src/css/login.png
new file mode 100644
index 0000000..b5ee264
Binary files /dev/null and b/src/css/login.png differ