index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Happy Prosperous Diwali</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h2>
        <span style="--i:1;">H</span>
        <span style="--i:2;">a</span>
        <span style="--i:3;">p</span>
        <span style="--i:4;">p</span>
        <span style="--i:5;">y</span>
        <span style="--i:7;margin-left: 5vw;">D</span>
        <span style="--i:8;">i</span>
        <span style="--i:9;">w</span>
        <span style="--i:10;">a</span>
        <span style="--i:11;">l</span>
        <!-- <span style="--i:12;">l</span> -->
        <span style="--i:13;">i</span>
    </h2>
    <div class="container"> <p>~ Made by Pranjal Agarwal</p></div>
   
</body>
</html>