LOADING PAGE UPDATE

UPDATED LOADING

src/pages/login/loading.tsx

@@ -2,6 +2,7 @@ import './login.css';
 import { invoke } from '@tauri-apps/api';
 import { useEffect, useState } from 'react';
 import { useLocation } from 'react-router-dom';
+import noenemies from '../main_page/assets/nature.jpg';
 import pfp from './assets/Default_pfp.svg.png';
 import { useNavigate } from 'react-router-dom';
 
@@ -21,20 +22,19 @@ function loading(){
             await invoke('system_make', {key: 'name',val: name_val});
             let password_val = await invoke('create_value', {valType: 'string', val: location.state.password});
             await invoke('system_make', {key: 'password',val: password_val});
-            navigate('/main_page');
         });
     }, []);
 
     return <div id='background' onContextMenu={e => e.preventDefault()}>
+        <img className='IhaveNoEnemys' src={noenemies} alt="backgroundimg" />
+        <div className='iseewhoyouare' ></div>
 
-<div className='triangle down'></div>
-        <div className='triangle left'></div>
 
         <div className="dot">
             <img src={pfp} alt="Descriptive text" />
                 </div>
 
-                <p id='melody'>Welcome {location.state.name}!</p>
+                <p id='melody'>Welcome <span className='nameload'>{location.state.name}</span>!</p>
 
                 <div className="load">{state}
                 <p className='error'>{error}</p>

src/pages/login/login.css

@@ -40,7 +40,7 @@
 .dot {
     height: 170px;
     width: 170px;
-    border: 2px solid #ffffff;
+    border: 2px solid #00000013;
     border-radius: 50%;
     display: inline-block;
     overflow: hidden; 
@@ -175,9 +175,17 @@
     margin-top: 2svh;
     color: #ffffff;
     font-size: 2svh;
+    font-weight: bold;
     user-select: none;
 
 }
+.nameload{
+  margin-top: 2svh;
+  color: #2f6df3;
+  font-size: 2svh;
+  font-weight: bold;
+  user-select: none;
+}
 
 /* --------------------- SIGNUP ---------------------*/
 
@@ -330,17 +338,17 @@
   width:150px;
   height:150px;
   background:transparent;
-  border:3px solid #323232;
+  border:3px solid #0000000f;
   border-radius:50%;
   text-align:center;
   line-height:150px;
   font-family:sans-serif;
   font-size:20px;
-  color:#00aaff;
+  color:#0084ff;
   letter-spacing:4px;
   text-transform:uppercase;
   text-shadow:0 0 10px #006aff55;
-  box-shadow:0 0 20px rgba(50, 50, 50, 0.5);
+  box-shadow:0 0 20px rgba(50, 50, 50, 0.242);
 }
 .load .error{
   color:#ff0000;