/* 
🔘()xxxx|[{:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;: 💀 :;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:}]|xxxx()🔘
                   )                                                                      (
                 (       * CSS Text Effects                                 )
                   )     * 02–May–2026                                   (
                 (       * Rusty, Cybertechwizards.com          )
                   )       ✆  (619) 316-30035;                          (
                 (         ✉  rusty@cybertechwizards.com     )
                   )                                                                      (
🔘()xxxx|[{:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:}]|xxxx()🔘 
 */

/* ----------------------------------- Glare Effect ----------------------------------- */
      .btn-shine {
        font-family: "Aladin", "Arial", sans-serif;
         letter-spacing: 2px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 3%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px 28px;                               /* Glare Width +/
                                                                /* ↓↓Change Color Here↓↓ */
        background: linear-gradient(to right, #900 0, #fee 10%, #900 20%);   
        background-position: 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: shine 3s infinite linear;
        animation-fill-mode: forwards;
        -webkit-text-size-adjust: none;
        font-weight: 700;                                 
        font-size: 36px;                                        /* Text Size */
        text-decoration: none;
        white-space: nowrap; 
      }

      @-moz-keyframes shine {
        0% {
          background-position: 0;
        }
        60% {
          background-position: 260px;
        }
        100% {
          background-position: 260px;
        }
      }

      @-webkit-keyframes shine {
        0% {
          background-position: 0;
        }
        60% {
          background-position: 260px;
        }
        100% {
          background-position: 260px;
        }
      }

      @-o-keyframes shine {
        0% {
          background-position: 0;
        }
        60% {
          background-position: 260px;
        }
        100% {
          background-position: 260px
        }
      }

      @keyframes shine {
        0% {
          background-position: 0;
        }
        60% {
          background-position: 260px;
        }
        100% {
          background-position: 260px;
        }
      }
  
        .shade {
          font-family: "Aladin", "Arial", sans-serif;
          letter-spacing: 2px;
         -webkit-fp!_ont-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
           position: absolute;
           top: 3%;
           left: 50%;
           text-shadow: 2px 2px 0 #fee,
                                     3px 3px 0 #666; 
           transform: translate(-50%, -50%);
           padding: 10px 28px;                              /* Glare Width */
           background-position: 0;
           font-weight: 700;
           font-size: 36px;                                       /* Text Size */
           text-decoration: none;
           white-space: nowrap; 
        }

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="shade">Text Shine Effect</span>
      <span class="btn-shine">Text Shine Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Blink Effect ----------------------------------- */
      .blink_me {animation: blinker 3s linear infinite;}
        @keyframes blinker {50% {opacity: 0;} }
        
/* ------------------------------- HTML Example-------------------------------- •/
      <span class="blink_me">Blinking Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */



/* ----------------------------------- Text Effect ----------------------------------- */

/* ------------------------------- HTML Example-------------------------------- •/
      <span class="text_effect">Text Effect</span>
/• ------------------------------------------------------------------------------------------ */