<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400' rel='stylesheet' type='text/css'>

<h1 class="picadilly">
body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;

.picadilly {
  position: relative;
  font-family: "Source Sans Pro";
  color: #fff;
  font-weight: 100 !important;
  font-size: 150px;
  -webkit-text-stroke: 7px #FD3A58;
  letter-spacing: 15px;
  -webkit-filter: drop-shadow(9px 11px 0 #98B5CC);
  width: 1000px;
  text-align: center;
  line-height: 1.2;
  margin: 4rem auto;
  z-index: 2;
// Made directly from David Parker article with Typekit
// https://blog.typekit.com/2014/04/04/high-impact-typography-with-background-clip-text/
//Just wanted to play with the code

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.