<style>
.multicolortext {
background-image: linear-gradient(to left, black, #000000, #23aecd, #a420ad, #e50ead, #000000, #cd1e1e);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
font-size: 40px;
font-family: Arial, Helvetica, sans-serif;
/* font-style: oblique; */
font-weight: 800;
font-family: Segoe Print;
display: inline-block;
overflow-wrap: anywhere;
}
</style>
</head>
<body>
<a href=”index.php”><span class=”multicolortext”>CatmotioNow!</span></a>
</body>
<a href=”index.php”><span class=”multicolortext”>CAT CRICKET!</span></a>
<a href=”index.php”><img src=”img/cmnlogo.png” alt=”cat motion”></a>
<span class=”multicolortext”>CatmotioNow!</span>
background-image: linear-gradient(to left, black, indigo, green, blue, #d3136c, #24cba4, red);
background-image: linear-gradient(to left, black, #000000, #23aecd, #a420ad, #e50ead, #000000, #cd1e1e);