.outer
{
  position:relative;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  display:inline-block;
  margin-top:10%;
  width:100px;
  height:100px;
  left:50%;
  border:1px solid #e0e0e0;
  border-radius:20px;
}

.eight
{
  
  height:85px;
  display:inline-block;
  width:45px;
  padding-top:0px;
  margin-top:-5px;


  font-size:60pt;
  margin-left:27px;
  font-family: 'Roboto', sans-serif;
  font-weight:lighter;
  
  background: 
    -webkit-radial-gradient(bottom right,  
      rgb(7,44,218) 25%, 
      rgba(7,44,218,0) 35%), 
    -webkit-linear-gradient( -60deg, 
      rgb(252,180,39) 40%,
      rgb(250,49,9),
      rgb(58,242, 154) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  
}