Every next level of your life will demand a different version of you.

Every next level of your life will demand a different version of you.

src/pages/login/login.css

@@ -169,12 +169,13 @@
 
 }
 
-#plslogin{
-    font-size: 2.5svh;
-    color: #e7e7e9;
-
+#plslogin {
+  font-size: 2.5svh;
+  color: #e7e7e9;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5), 0 0 5px rgba(67, 67, 67, 0.5);
 }
 
+
 #error{
     color: #FF0000;
     font-size: 2svh;
@@ -474,4 +475,51 @@
   cursor: not-allowed;
   margin-top: 2svh;
   font-size: 0.7em;
+}
+
+.IhaveNoEnemys {
+  position: fixed; 
+  top: 0;
+  left: 0;
+  z-index: -2;
+  width: 100vw; 
+  height: 100vh; 
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+ }
+
+ .iseewhoyouare {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw; 
+  height: 100vh;
+  z-index: -1; 
+  background-color: rgba(255, 255, 255, 0); 
+  display: flex; 
+  justify-content: center;
+  align-items: center; 
+  backdrop-filter: blur(20px);
+
+ }
+
+ .skippinclass {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  height: 6svh;
+  width: 6svh;
+
+}
+
+.dev{
+  height: 40vh;
+  margin-right: 0.5svh;
+  position: relative;
+}
+
+.skippinclass:hover {
+  cursor: not-allowed;
+
 }

src/pages/login/login.tsx

@@ -2,6 +2,10 @@ import './login.css';
 import { useState } from 'react';
 import { invoke } from '@tauri-apps/api';
 import { useNavigate } from 'react-router-dom';
+import noenemies from '../main_page/assets/nature.jpg';
+import arrowright from '../main_page/assets/arrowright.png';
+
+
 
 
 
@@ -26,13 +30,10 @@ function login(){
 
 
         return <div id='background' onContextMenu={e => e.preventDefault()}>
-
-
-
-                        <div className='triangle down'></div>
-        <div className='triangle left'></div>
-        <button className='upperbutton' aria-current={true} onClick={() => navigate("/")}>Login</button>
-                <button className='upperbutton' aria-current={false} onClick={() => navigate("/signup")}>Sign Up</button>
+                        <button className='upperbutton' aria-current={false} onClick={() => navigate("/")}>Login</button>
+            <button className='upperbutton' aria-current={true} onClick={() => navigate("/signup")}>Sign Up</button>
+        <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
+        <div className='iseewhoyouare' ></div>
 
             <div id='menu'>
 
@@ -59,17 +60,14 @@ function login(){
                         </span>
                         <span className="button-text">Login</span>
                         </button>
-
+                        <div className='dev'>
+                            <img className='skippinclass' src={arrowright} alt="" onClick={() => navigate("/main_page")}/>
+                        </div>
                     <br />
                     <p id='error'>{error}</p>
 
 
 
-                    <button className="btn-class-name" onClick={() => navigate("/main_page")}>
-                    <span className="back"></span>
-                    <span className="front"></span>
-                    </button>
-                    <h1 className='nuke' >NUKE AMERICA! <br /><span className='nuke2'>(and go to desktop)</span></h1>
 
                 </div>
             </div>

src/pages/login/signup.tsx

@@ -2,6 +2,8 @@ import './login.css';
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { invoke } from '@tauri-apps/api';
+import noenemies from '../main_page/assets/nature2.jpg';
+
 
 function Login() {
     const [name, setName] = useState("");
@@ -14,15 +16,18 @@ function Login() {
             await invoke("create_user", {name, password})
             await invoke("save_user", {username: name, password});
             navigate("/loading", {state: {name, password}});
+
         }
     }
 
     return (
         <div id='background' onContextMenu={e => e.preventDefault()}>
-            <div className='triangle down'></div>
-            <div className='triangle left'></div>
+
             <button className='upperbutton' aria-current={false} onClick={() => navigate("/")}>Login</button>
             <button className='upperbutton' aria-current={true} onClick={() => navigate("/signup")}>Sign Up</button>
+            <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
+        <div className='iseewhoyouare'></div>
+
             <div id='menu'>
                 <div id='form'>
                     <p id='plslogin'>Welcome!<td></td>Enter your credentials to Sign Up</p>

src/pages/main_page/main_page.tsx

@@ -37,7 +37,7 @@ export default function MainPage() {
             <div className={`menu ${menu ? 'show' : 'hide'}`}>
             <div className="menu-header">
             <h1 className='menutext'>Applications</h1>
-            <i className='close'></i>
+
             </div>
                 <button className='leave'onClick={() => navigate("/")} >
                     <img src={leaveicon} alt="leaveicon" />