diff --git a/src/pages/AssignmentPage.jsx b/src/pages/AssignmentPage.jsx
index 11f94e2..65f9ccd 100644
--- a/src/pages/AssignmentPage.jsx
+++ b/src/pages/AssignmentPage.jsx
@@ -76,7 +76,7 @@ const AssignmentPage = () => {
return (
-
📘 Assignments
+ Assignments
diff --git a/src/scss/components/_assignment.scss b/src/scss/components/_assignment.scss
index ac21492..ff3fe9b 100644
--- a/src/scss/components/_assignment.scss
+++ b/src/scss/components/_assignment.scss
@@ -238,19 +238,22 @@
}
.assignment-header-box {
- background: #0f0f1a; // dark navy background
- border: 2px solid #00bfff; // deep sky blue
+ background: #0f0f1a;
+ border: 2px solid #00bfff;
border-radius: 12px;
padding: 50px;
text-align: center;
margin-bottom: 2rem;
- box-shadow: 0 0 20px #00bfff;
+ // box-shadow: 0 0 20px #00bfff;
+ box-shadow: rgb(211, 0, 197) 0px 0px 15px, rgb(255, 42, 109) 0px 0px 25px;
+ border: 1px solid rgb(211, 0, 197);
animation: pulseNeonBlue 2s infinite alternate;
h2 {
color: #00bfff;
margin-bottom: 1rem;
font-weight: bold;
+ // text-shadow: rgb(5, 217, 232) 0px 0px 5px;
}
button {
@@ -271,12 +274,26 @@
}
}
-@keyframes pulseNeonBlue {
+// @keyframes pulseNeonBlue {
+// from {
+// box-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
+// }
+// to {
+// box-shadow: 0 0 25px #00bfff, 0 0 40px #00bfff;
+// }
+// }
+
+@keyframes pulseNeonHybrid {
from {
- box-shadow: 0 0 10px #00bfff, 0 0 20px #00bfff;
+ box-shadow:
+ 0 0 10px rgba(211, 0, 197, 0.7),
+ 0 0 20px rgba(255, 42, 109, 0.7),
+ 0 0 10px rgba(0, 191, 255, 0.7);
}
to {
- box-shadow: 0 0 25px #00bfff, 0 0 40px #00bfff;
+ box-shadow:
+ 0 0 25px rgba(211, 0, 197, 0.9),
+ 0 0 40px rgba(255, 42, 109, 0.9),
+ 0 0 30px rgba(0, 191, 255, 0.9);
}
}
-