<i>t</i>
<i>d</i>
<i>c</i>
<i>g</i>
<i>q</i>

html, body { position:relative; height:100%; }
body { 
  display:-webkit-flex;
  display:flex;
  margin:0 5%;
  justify-content:space-around;
  background:gainsboro;
 }

i {
  font:10vw "icon";
  transition:.3s;
  align-self:center;
}

i:hover {
  text-shadow:
    0 -1.2rem cyan,
    .9rem .9rem magenta,
    -.9rem .9rem yellow;
  color:rgba(0,0,0,.8);
}

@font-face {
  font-family:icon;
    src: url('https://bennettfeely.com/fonts/icons.woff'); }