Added changes

Rakesh9100 · Dec 16, 2024 · 354f7c8 · 354f7c8
1 parent ecf1fe6
commit 354f7c8
Showing 1 changed file with 74 additions and 67 deletions.
diff --git a/assets/contact/contact.css b/assets/contact/contact.css
@@ -43,9 +43,6 @@ header {
     position: sticky;
     box-sizing: border-box;
 }
-.dark-mode .contact-container{
-    box-shadow: -5px -5px 25px #b400a5;
-}
 
 .contact-container {
     position: relative;
@@ -67,96 +64,99 @@ header {
     font-family: Ubuntu;
     font-size: 4rem;
     margin-top: 16px;
-    color: #007ACC; /* Brighter blue color */
+    color: #007ACC;
     text-shadow:
+        0 0 10px #ffffff,
+        0 0 20px #ffffff,
+        0 0 30px #ffffff,
+        0 0 40px #00F2A3,
+        0 0 50px #00F2A3,
+        0 0 60px #0099CC,
+        0 0 70px #0099CC;
+    animation: glitterBlue 1.5s infinite;
+}
+
+@keyframes glitterBlue {
+    0% {
+        text-shadow:
             0 0 10px #ffffff,
             0 0 20px #ffffff,
             0 0 30px #ffffff,
             0 0 40px #00F2A3,
             0 0 50px #00F2A3,
             0 0 60px #0099CC,
             0 0 70px #0099CC;
-    animation: glitterBlue 1.5s infinite;
-}
-
-@keyframes glitterBlue {
-    0% {
-        text-shadow:
-                0 0 10px #ffffff,
-                0 0 20px #ffffff,
-                0 0 30px #ffffff,
-                0 0 40px #00F2A3,
-                0 0 50px #00F2A3,
-                0 0 60px #0099CC,
-                0 0 70px #0099CC;
     }
+
     50% {
         text-shadow:
-                0 0 20px #ffffff,
-                0 0 40px #ffffff,
-                0 0 60px #00F2A3,
-                0 0 80px #00F2A3,
-                0 0 100px #0099CC,
-                0 0 120px #0099CC;
+            0 0 20px #ffffff,
+            0 0 40px #ffffff,
+            0 0 60px #00F2A3,
+            0 0 80px #00F2A3,
+            0 0 100px #0099CC,
+            0 0 120px #0099CC;
     }
+
     100% {
         text-shadow:
-                0 0 10px #ffffff,
-                0 0 20px #ffffff,
-                0 0 30px #ffffff,
-                0 0 40px #00F2A3,
-                0 0 50px #00F2A3,
-                0 0 60px #0099CC,
-                0 0 70px #0099CC;
+            0 0 10px #ffffff,
+            0 0 20px #ffffff,
+            0 0 30px #ffffff,
+            0 0 40px #00F2A3,
+            0 0 50px #00F2A3,
+            0 0 60px #0099CC,
+            0 0 70px #0099CC;
     }
 }
 
 @keyframes glitterPink {
     0% {
         text-shadow:
-                0 0 10px #FFB6C1,
-                0 0 20px #FF69B4,
-                0 0 30px #FF69B4,
-                0 0 40px #FF1493,
-                0 0 50px #FF1493,
-                0 0 60px #FF1493,
-                0 0 70px #FF69B4;
+            0 0 10px #FFB6C1,
+            0 0 20px #FF69B4,
+            0 0 30px #FF69B4,
+            0 0 40px #FF1493,
+            0 0 50px #FF1493,
+            0 0 60px #FF1493,
+            0 0 70px #FF69B4;
     }
+
     50% {
         text-shadow:
-                0 0 20px #FFB6C1,
-                0 0 40px #FF69B4,
-                0 0 60px #FF69B4,
-                0 0 80px #FF1493,
-                0 0 100px #FF1493,
-                0 0 120px #FF69B4;
+            0 0 20px #FFB6C1,
+            0 0 40px #FF69B4,
+            0 0 60px #FF69B4,
+            0 0 80px #FF1493,
+            0 0 100px #FF1493,
+            0 0 120px #FF69B4;
     }
+
     100% {
         text-shadow:
-                0 0 10px #FFB6C1,
-                0 0 20px #FF69B4,
-                0 0 30px #FF69B4,
-                0 0 40px #FF1493,
-                0 0 50px #FF1493,
-                0 0 60px #FF1493,
-                0 0 70px #FF69B4;
+            0 0 10px #FFB6C1,
+            0 0 20px #FF69B4,
+            0 0 30px #FF69B4,
+            0 0 40px #FF1493,
+            0 0 50px #FF1493,
+            0 0 60px #FF1493,
+            0 0 70px #FF69B4;
     }
 }
 
-
 .dark-mode .contact-container h2 {
     font-family: Ubuntu;
     font-size: 4rem;
     margin-top: 16px;
-    color: #FF69B4; /* Pink color */
+    color: #FF69B4;
     text-shadow:
-            0 0 10px #FFB6C1,
-            0 0 20px #FF69B4,
-            0 0 30px #FF69B4,
-            0 0 40px #FF1493,
-            0 0 50px #FF1493,
-            0 0 60px #FF1493,
-            0 0 70px #FF69B4;
+        0 0 10px #FFB6C1,
+        0 0 20px #FF69B4,
+        0 0 30px #FF69B4,
+        0 0 40px #FF1493,
+        0 0 50px #FF1493,
+        0 0 60px #FF1493,
+        0 0 70px #FF69B4;
     animation: glitterPink 1.5s infinite;
 }
 
@@ -181,7 +181,12 @@ header {
     font-weight: 600;
     text-shadow: 2px 2px 10px var(--light);
 }
-.dark-mode .contact-container label{
+
+.dark-mode .contact-container {
+    box-shadow: -5px -5px 25px #b400a5;
+}
+
+.dark-mode .contact-container label {
     color: darkblue;
     text-shadow: 2px 2px 10px var(--primary);
 }
@@ -201,7 +206,6 @@ header {
     resize: vertical;
 }
 
-
 input:hover,
 textarea:hover {
     box-shadow: 5px 5px 10px black;
@@ -211,13 +215,14 @@ textarea:hover {
     font-size: 1.5em;
     font-weight: bold;
     margin-top: 10px;
-    color:#87CEEB ;
+    color: #87CEEB;
 }
-.dark-mode .contact-container #charCount{
+
+.dark-mode .contact-container #charCount {
     color: white;
 }
 
-.dark-mode .contact-container button{
+.dark-mode .contact-container button {
     background: #ff1b82;
 }
 
@@ -234,10 +239,12 @@ textarea:hover {
     cursor: pointer;
     transition: 0.5s ease-in-out;
 }
-.contact-container p{
+
+.contact-container p {
     color: #008080;
 }
-.dark-mode .contact-container p{
+
+.dark-mode .contact-container p {
     color: #1C1B29;
 }
 
@@ -284,4 +291,4 @@ textarea:hover {
     font-size: 13px;
     color: rgb(255, 255, 255);
     margin-bottom: 0;
-}
+}