<!--ice-text-->
.fire {
  margin: 50px auto;
  width: 80%;
  max-width: 1000px;
  height: 200px;

  background-position: center center;
  background-size: 1000px 200px;
  border-radius: 10px;
  overflow: hidden;
    text-align: center;
  vertical-align: middle;

}
.fire:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ColdIceGameRo {
  display: inline-block;
  margin: 0;

    color: rgb(255, 115, 0);
    font-size: 100px;
  line-height: 50px;
  min-width: 50px;
  outline: none;
  vertical-align: middle;
    
  text-shadow:
        0 3px 20px darkblue,
        0 0 20px darkblue,
    0 0 10px cyan,
    4px -5px 6px lightblue,
    -4px -10px 10px lightblue,
    0 -10px 30px lightblue;
  animation: 2s Blazing infinite alternate linear;
}

@keyframes Blazing {
  0%   { text-shadow: 0 3px 20px darkblue, 0 0 20px darkblue,
    0 0 10px cyan,
    0 0 0 lightblue,
    0 0 5px lightblue,
    -2px -5px 5px lightblue,
    4px -10px 10px lightblue; }
  25%   { text-shadow: 0 3px 20px darkblue, 0 0 30px darkblue,
    0 0 20px cyan,
    0 0 5px lightblue,
    -2px -5px 5px lightblue,
    3px -10px 10px lightblue,
    -4px -15px 20px lightblue; }
  50%   { text-shadow: 0 3px 20px darkblue, 0 0 20px darkblue,
    0 -5px 10px cyan,
    -2px -5px 5px lightblue,
    3px -10px 10px lightblue,
    -4px -15px 20px lightblue,
    2px -20px 30px rgba(255,255,0,0.5); }
  75%   { text-shadow: 0 3px 20px darkblue, 0 0 20px darkblue,
    0 -5px 10px cyan,
    3px -5px 5px lightblue,
    -4px -10px 10px lightblue,
    2px -20px 30px rgba(255,255,0,0.5),
    0px -25px 40px rgba(255,255,0,0)}
  100%   { text-shadow: 0 3px 20px darkblue, 0 0 20px darkblue,
    0 0 10px cyan,
    0 0 0 lightblue,
    0 0 5px lightblue,
    -2px -5px 5px lightblue,
    4px -10px 10px lightblue; }
}
<!--ice-text-->
<!--ice-social-network-->
html, body {
  margin: 0;
  background-color: #77cc6d;
}

section #services {
  text-align: center;
  transform: translatez(0);
}
section #services h2 {
  margin: 80px 0px 40px;
  color: #fff;
  font-size: 2.4em;
  text-transform: uppercase;
  text-align: center;
}
section #services li {
  width: 120px;
  height: 140px;
  display: inline-block;
  margin: 20px;
  list-style: none;
}
section #services li div {
  width: 120px;
  height: 120px;
  color: #0073e6;
  font-size: 3.4em;
  text-align: center;
  line-height: 120px;
  background-color: #0073e6;
  transition: all 0.5s ease;
}
section #services li div:hover {
  width: 120px;
  height: 120px;
  color: #0073e6;
  font-size: 3.4em;
  text-align: center;
  line-height: 120px;
  background-color: #626264;
  transition: all 0.5s ease;
}
section #services li a {
  color: #ffffff;
}
section #services li div:hover {
  transform: rotate(360deg);
  border-radius: 100px;
}
section #services li span {
  width: 120px;
  height: 20px;
  display: block;
  padding: 15px 0px;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
}
<!--ice-social-network-->