Подскажите пожалуйста, как сделать такую штуку: нужно создать небольшой заголовок, цвет у текста должен быть цвета заднего фона, но он должен как бы светится благодаря теням, как это сделать тенями не сильно представляю, пытался и выходит коряво, помогите если кто то имел дело с таким видом оформления текста.
body,
html {
background: gray;
text-align: center;
}
.text {
color: gray;
font-size: 56px;
font-weight: bold;
text-shadow: 0px 0px 25px blue, 0px 0px 1px black;
}
<div class="text">
Example