HTML/CSS - 100+ Solo learner 💞 Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="content">
        <h1>Thanks Solo Learners!</h1>
        <div class="follower-count">100+ followers</div>
        <p>I am ErrorsMan—basically, it's a community where you can ask your errors-related queries. Check out my website <a href="https://errors-man.vercel.app/" target="_blank">here</a>. I also have a YouTube channel <a href="https://www.youtube.com/@mdanassaif" target="_blank">here</a> where I try to share cool projects, suggestions, and experiments. So, keep rocking!</p>
    </div>
</body>
</html>

css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background:  #000;
  font-family: "Rajdhani", sans-serif;
  color:  #fff;
}
.content {
  text-align: center;
  max-width: 800px;
  padding: 0 20px;
}
h1 {
  font-size: 5.5rem;
  text-transform: uppercase;
  letter-spacing: 10px;
  background: linear-gradient(90deg,  #ff00ff,  #00ffff,  #ff00ff);
  -webkit-background-clip: text;

BROWSER

Console