<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400' rel='stylesheet' type='text/css'>
<h1 class="picadilly">
PICADILLY CIRCUS
</h1>
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
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.