HTML/CSS - 💗Pinky💗 Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Pinky</title>
    </head>
    <body>
    <!--Made only for fun-->
      <p class="p"><marquee> <font face="cursive">DEAR SOLOLEARNERS 😇😇</font> </marquee></p>
        
        <p class="pink"> <marquee> <font face="cursive"> IM VERY MUCH GLAD TO TELL YOU ALL THAT......🥰🤭🤭</marquee></p>
        
        <p class="pinnnkk"><marquee><font face="cursive"> VAIBHAV'S NICK NAME IS PINKY!!🌺 🤣🤣🤣 HE LIKES THOSE PEOPLE WHOSOEVER CALL HIM WITH THIS NAME 😉 </font></marquee></p>
        <!--Didnt want to hurt Mr Digital's feelings-->
        <p><font face=cursive>For more info about him, pls contact undersigned...</font></p>
      <a class="sp-circle-link" href=https://www.sololearn.com/Profile/26028650/?ref=app><font face="cursive"><span style"color:orange">ANUSHKA:THE_CODER Follow Me</span></font></a>
    </div>
  </div>
  <script src="main.js"></script>
</body>
</html>
    

css

body {
    background-color: black;
    font-face:cursive;
}
.p{
    font-size:70px;
    color: red;
    text-align:center;
    text-shadow:5px 3px 2px  orange;
    
}
.pink{
    font-size:70px;
    color: blue;
    text-shadow:5px 3px 2px  aqua;
}
.pinnnkk{
    font-size:70px;
    color: green;
    text-shadow:5px 3px 2px  lightgreen;
}
p{
    color: purple;
    font-size:25px;
}

BROWSER

Console