.icon-bar {
    position: fixed;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
  }
  
 
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
  }
  
  .icon-bar a:hover {
    background-color: #000;
  }
  
  .facebook {
    color: white;
    background: #3B5998;
  }
  
  .instagram {
    border-top-right-radius: 10px;
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    color: white;
  }
  
  .youtube {
    background: #bb0000;
    color: white;
  }
  
  .linkedin {
    border-bottom-right-radius: 10px;
    background: #5865F2;
    color: white;
  }
body {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    overflow-y: scroll; 
}

body::-webkit-scrollbar {
    display: none; 
}
  @media only screen and (max-width: 700px) {
    .icon-bar{
      width: 10px;
      padding: 0px;
    }
    .icon-bar a i{
      margin-left: -10px;
    }
    /* .icon-bar{
      display: none;
    } */
  }