<body>
  <section id="main">
    <div class="content">
      <h1>Neon/Glowing Light</h1>
      <h3>Colored shadows create glowing light</h3>
    </div>

  </section>
</body>
body {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins";
}
* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
#main {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background: #22232e;
}
.content {
  position: absolute;
  min-width: 500px;
  padding: 40px;
  min-height: 280px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  border-radius: 1em;
  box-shadow: 0px 0px 10px 5px #00c2cb;
}
.content h1 {
  font-size: 3rem;
  font-weight: 600;
  color: #e0ffff;
  text-shadow: 0px 0px 10px #00c2cb, 0px 0px 20px #fff;
  margin: 3px;
}
.content h3 {
  font-size: 20px;
  color: #e0ffff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.