<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <h1 class="text-center neon-text"> धनु<br> Sagittarius </h1>

h1 { font-family: khand,Helvetica, Arial, sans-serif; font-size: 10rem; font-weight: bold; color: white; text-transform: capitalize; text-shadow: 1px 1px 1px red, 2px 2px 1px red; line-height: 0.8; letter-spacing: 1px; margin: 25px 50px 75px 100px; padding: 20px; } body { background-color: transparent; } body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: 'Arial', sans-serif; overflow: hidden; } .neon-text { font-size: 10rem; color: #fff; text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e; animation: glow 9.5s infinite alternate; } @keyframes glow { 0% { text-shadow: 0 0 5px #ff005e, 0 0 10px #ff005e, 0 0 20px #ff005e, 0 0 40px #ff005e, 0 0 80px #ff005e; } 100% { text-shadow: 0 0 10px #ffFFff, 0 0 20px #ffFFff, 0 0 0px #ffFFff, 0 0 80px #ffFFff, 0 0 60px #ffFFff; } }