*{
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }
  
 /* body{
    background:#311b92;
    position:relative;
  } */
  
 
  
  .share{
    display:block;
    width:60px;
    height:60px;
    background:#03af50;
    position:fixed;
    bottom  :0px;
    left    :45px;
    z-index:999;
    text-align:center;
    overflow:hidden;
    line-height:65px;
    font-size:1.5em;
    color:#fff;
    -moz-box-shadow: 0px 3px 9px rgba(0,0,0,.5);
  -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.5);
  box-shadow: 0px 3px 9px rgba(0,0,0,.5);
    border-radius:50px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
  }
  
  .share:hover{
    cursor:pointer;
  }
  
  .one, .two, .three{
    position:fixed;
    width:60px;
    height:60px;
    color:#fff;
    border-radius:50px;
    text-align:center;
    line-height:60px;
    font-size:2em;
    bottom  :30px;
    left    :45px;
    z-index :995;
     -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.2);
  box-shadow: 0px 3px 9px rgba(0,0,0,.2);
    -webkit-transition:transform  .3s ease-in-out;
    transition:transform .3s ease-in-out;
  }
  
  .one:hover, 
  .two:hover,
  .three:hover{
    cursor:pointer;
    background : #072501;
  }
  
  .one a:hover, .two a:hover, .three a:hover{
    cursor:pointer;
    color: #e4f805;
  }

  .one a, .two a, .three a{
    cursor:pointer;
    color: #fff;
  }

  .one i, .two i, .three i{
    display:none;
  }
  
  
  .one{
    background:#029846;
  }
  
  .two{
    background:#017636;
  }
  
  .three{
    background:#015929;
  }