New Logo Visual Change

Author: tinyplayerss

main.html

@@ -52,7 +52,7 @@
       <!-- The Start of the Page -->
       <header>
         <nav>
-          <div class="logo">CustomBAR</div>
+          <div class="logo">Custom<span class="logoglow">BAR</span></div>
           <ul>
             <li>
               <a target="_blank" href="vulunteerform.html" class="button"

styles.css

@@ -35,10 +35,18 @@ nav {
 .logo {
   font-size: 40px;
   font-weight: bold;
-  color: #58a6ff;
+  background-clip: text;
+  color: transparent;
+  background-image: linear-gradient(to right, #4a9eff, #6378ff);
   text-align: center;
 }
 
+.logoglow {
+  text-shadow: 0px 0px 20px #fff25eab;
+  border-bottom: 3px solid #ffffff;
+  color: white;
+}
+
 .highlight-free {
   color: #58a6ff;
   font-weight: bold;