<h1>text</br> shadow</h1>

@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
body {
  background: #1e2337;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
h1 {
  font-family: 'Permanent Marker', cursive;
  text-align: center;
  color: #eff9ee;
  font-size: 6em;
  line-height: 100px;
  text-shadow: 1px 1px, #dca84d 2px 2px,#dca84d 3px 3px, #dca84d 4px 4px, #dca84d 5px 5px, #dca84d 6px 6px, #dca84d 7px 7px, #dca84d 8px 8px, #dca84d 9px 9px, #dca84d 10px 10px
}

// CSS text shadows are fun to play with.
// Simple to use - you have your horizontal and vertical properties and if you want to blur the shadow, guess what? you can with the blur property. Try it out.