diff --git a/client/src/App.css b/client/src/App.css
index 8b2a585..51c447e 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -9,4 +9,15 @@
 
   width: 100%;
   height: 50px;
+}
+
+.desktop {
+  padding: 15px;
+}
+
+.login {
+  transition: backdrop-filter;
+}
+.login.active {
+  backdrop-filter: blur(15px);
 }
\ No newline at end of file
diff --git a/client/src/ui/main.js b/client/src/ui/main.js
index f73ba94..ac03808 100644
--- a/client/src/ui/main.js
+++ b/client/src/ui/main.js
@@ -1,16 +1,25 @@
 import React from 'react';
 import Navbar from './system/navbar';
-import setBackground from './system/background';
+import setBackground from './system/utils/background';
+import Desktop from './system/desktop'
+import Login from './system/login';
 import '../App.css';
 
 function App() {
     setBackground();
-    
-    return (
-        <>
-            <Navbar />
-        </>
-    );
+
+    if(global.user === undefined){
+        return (
+            <Login />
+        )
+    } else {
+        return (
+            <>
+                <Desktop />
+                <Navbar />
+            </>
+        );
+    }
 }
 
 export default App;
diff --git a/client/src/ui/system/login.js b/client/src/ui/system/login.js
new file mode 100644
index 0000000..3d26218
--- /dev/null
+++ b/client/src/ui/system/login.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import "../../App.css";
+
+function Login(props){
+    return (
+        <div className="login">
+            Press ENTER to open login
+        </div>
+    )
+}
+
+export default Login;
\ No newline at end of file