fix: Style alignment in Main-menu

Signed-off-by: Sbragul26 <sbragul26@gmail.com>

Author: Sbragul26

assets/scss/_styles_project.scss

@@ -611,11 +611,23 @@ a:not([href]):not([class]):hover {
 .dash-sign-container {
   display: flex;
   align-items: center;
+  justify-content: space-between; 
   text-align: right;
 
+  h1.dashboard {
+    max-width: 40%;        
+    text-align: left;
+    flex-shrink: 0;       
+  }
+
   @media (max-width: 768px) {
     flex-wrap: wrap;
     justify-content: center;
+
+    h1.dashboard {
+      max-width: 100%;
+      text-align: center;
+    }
   }
 
   a.dash-sign {
@@ -630,18 +642,16 @@ a:not([href]):not([class]):hover {
     position: relative;
     width: auto;
     white-space: nowrap;
-    // top: 50%;
-    // left: 50%;
     padding: 2rem;
-    margin: 15rem;
-    transform: translateX(-50%) translateY(-50%);
+    margin: 0;
+    transform: translateX(0%) translateY(0%);
 
     &:hover {
-      color: "#EBC017" !important;
+      color: "#EBC017";
     }
 
-    @media (max-width: 1440px) {
-      margin: 0rem;
+    @media (max-width: 768px) {
+      margin: 2rem 0 0 0;
     }
   }
 
@@ -657,7 +667,6 @@ a:not([href]):not([class]):hover {
     border: 8px solid $primary;
     transform: translateX(-50%) translateY(-50%) rotate(0deg);
     animation: 6s alternate ease-in-out tipsy;
-    // animation-play-state: paused;
   }
 
   a.dash-sign:before {
@@ -672,11 +681,10 @@ a:not([href]):not([class]):hover {
 
   a.dash-sign:visited {
     color: $white;
-    // animation-play-state: running;
   }
 
   a.dash-sign:hover {
-    color: #ebc017 !important;
+    color: #ebc017;
   }
 }