<div class="container">
  <h1>Design</h1> 
</div>

*, *:after, *:before {
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
  background-color: mix(#fff, #e91e63, 82%);
}

// Codepen spesific styling - only to center the elements in the pen preview and viewport 
.container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
// End Codepen spesific styling


h1 {
  color: mix(#fff, #e91e63, 85%);
  font-size: calc(1em + 20vw) ;  
  font-weight: 900;
  text-shadow: 
    -0.0075em 0.0075em 0 mix(#fff, #e91e63, 94%),
    0.005em 0.005em 0 mix(#fff, #e91e63, 60%),
    0.01em 0.01em 0 mix(#fff, #e91e63, 62%), 
    0.015em 0.015em mix(#fff, #e91e63, 64%), 
    0.02em 0.02em 0 mix(#fff, #e91e63, 66%), 
    0.025em 0.025em 0 mix(#fff, #e91e63, 68%),
    0.03em 0.03em 0 mix(#fff, #e91e63, 70%),
    0.035em 0.035em 0 mix(#fff, #e91e63, 72%);
}