<div class="text-shadow" contenteditable>Hello World !</div>
@import url(https://fonts.googleapis.com/css2?family=Bungee&display=swap);

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100vw;
  min-height: 100vh;
  font-family: "Bungee", cursive;
  background-color: #00043c;
  color: #fff;
  display: grid;
  place-content: center;
  font-size: clamp(3rem, 5rem + 3vw, 8rem);
  color: #17f6c9;
  text-shadow: 0.25px 0.25px #20666d, 0.5px 0.5px #20666d, 0.75px 0.75px #20666d,
    1px 1px #20666d, 1.25px 1.25px #20666d, 1.5px 1.5px #20666d,
    1.75px 1.75px #20666d, 2px 2px #20666d, 2.25px 2.25px #20666d,
    2.5px 2.5px #20666d, 2.75px 2.75px #20666d, 3px 3px #20666d,
    3.25px 3.25px #20666d, 3.5px 3.5px #20666d, 3.75px 3.75px #20666d,
    4px 4px #20666d, 4.25px 4.25px #20666d, 4.5px 4.5px #20666d,
    4.75px 4.75px #20666d, 5px 5px #20666d, 5.25px 5.25px #20666d,
    5.5px 5.5px #20666d, 5.75px 5.75px #20666d, 6px 6px #20666d;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.