.icon-bar {
  width: 40px; 
  background-color: grey;
}

.icon-bar a {
  display: block; 
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;  
  color: grey; 
  font-size: 36px; 
}

.icon-bar a:hover {
  background-color:#ffa500; 
}

.active {
  background-color:#ffa500 ; 
}



.icon-bar {
  width: 100%; 
  background-color:#ffa500 ; 
  overflow: auto; 
}

.icon-bar a {
  float: left; 
  text-align: center; 
  width: 20%; 
  padding: 12px 0; 
  transition: all 0.3s ease; 
  color: #ff6347; 
  font-size: 36px; 
}

.icon-bar a:hover {
  background-color: green; 
}



.active {
  background-color:#ff0000; 
}