From 18fbe6364163153cb82f3224a53ed3270201d1e1 Mon Sep 17 00:00:00 2001
From: Jamon <jamon@operative.kiwi>
Date: Mon, 12 Aug 2024 19:57:54 +1200
Subject: [PATCH] Adjusted some styles

---
 static/styles.css | 63 ++++++++++++++++++++++++++++++-----------------
 1 file changed, 41 insertions(+), 22 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index 93ae839..15afd00 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -859,6 +859,7 @@ body {
     background-color: rgba(18, 4, 88, 0.6);
     border-radius: 10px;
     box-shadow: 0 0 10px #ff00ff, inset 0 0 5px #00ffff;
+    cursor: none;
 }
 
 .social-link {
@@ -880,6 +881,7 @@ body {
     border-color: #00ffff;
     box-shadow: 0 0 15px #00ffff;
     transform: translateX(5px);
+    cursor: none;
 }
 
 .social-link i {
@@ -1412,7 +1414,7 @@ body {
     border: 2px solid #00ffff;
     border-radius: 4px;
     background-color: transparent;
-    
+    cursor: none;
     margin-right: 10px;
 }
 
@@ -1452,7 +1454,7 @@ body {
     color: #00ffff;
     font-family: 'Orbitron', sans-serif;
     font-size: 16px;
-    
+    cursor: none;
 }
 
 #notificationContainer {
@@ -1516,7 +1518,7 @@ body {
     border: 2px solid #00ffff;
     border-radius: 10px;
     overflow: hidden;
-    cursor: pointer;
+    cursor: none;
     transition: transform 0.2s;
     position: relative;
 }
@@ -1529,6 +1531,7 @@ body {
     width: 100%;
     height: 100%;
     object-fit: cover;
+    cursor: none;
     transition: filter 0.2s;
 }
 
@@ -1786,34 +1789,37 @@ img {
 :root {
     --cursor-color: #ff00ff; /* Neon pink */
     --cursor-outline: #00ffff; /* Cyan outline */
-  }
-  
-  body {
+    --cursor-gradient: radial-gradient(circle, #ff00ff, #9d00ff); /* Gradient for dot */
+}
+
+body {
     cursor: none;
-  }
-  
-  .custom-cursor {
+}
+
+.custom-cursor {
     position: fixed;
     width: 20px;
     height: 20px;
     pointer-events: none;
     z-index: 9999;
     mix-blend-mode: difference; /* This will help the cursor stand out on different backgrounds */
-  }
-  
-  .cursor-dot {
+    transition: transform 0.2s ease-out;
+}
+
+.cursor-dot {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 4px;
     height: 4px;
-    background-color: var(--cursor-color);
+    background: var(--cursor-gradient);
     border-radius: 50%;
-    box-shadow: 0 0 5px var(--cursor-color), 0 0 10px var(--cursor-color);
-  }
-  
-  .cursor-outline {
+    box-shadow: 0 0 10px var(--cursor-color), 0 0 20px var(--cursor-color);
+    animation: pulse 1.5s infinite ease-in-out;
+}
+
+.cursor-outline {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -1822,13 +1828,25 @@ img {
     height: 16px;
     border: 2px solid var(--cursor-outline);
     border-radius: 50%;
-    transition: all 0.1s ease-out;
-  }
-  
-  .custom-cursor.clicking .cursor-outline {
+    transition: all 0.2s ease-out;
+    box-shadow: 0 0 10px var(--cursor-outline), 0 0 30px var(--cursor-outline), 0 0 50px var(--cursor-outline);
+}
+
+.custom-cursor.clicking .cursor-outline {
     width: 12px;
     height: 12px;
-  }
+    box-shadow: 0 0 20px var(--cursor-outline), 0 0 40px var(--cursor-outline);
+}
+
+@keyframes pulse {
+    0%, 100% {
+        transform: translate(-50%, -50%) scale(1);
+    }
+    50% {
+        transform: translate(-50%, -50%) scale(1.2);
+    }
+}
+
   
   /* Style for interactive elements */
   button, .draggable, .class-option, .weapon-option {
@@ -1996,6 +2014,7 @@ img {
     .social-link {
         font-size: 16px;
         padding: 10px 15px;
+        cursor: none;
     }
 
     .social-link i {