.sidebar {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 150px;
  background-color: rgb(245, 245, 245);
  border-right: 1px solid rgb(228, 228, 228);
  z-index: 200;
  /*these lines below are only good 
  for (position) (fixed) items to stretch
  the lengths of the page 0 means distance from*/
  top: 54px;
  padding-top: 100px;
  left: 0;
  bottom: 0;
}
 
.sidebar-container {
  display: flex;
  align-items: center;
  border: 1px solid lightgrey;
  height: 50px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}

.sidebar-container:hover {
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.20);
  cursor: pointer;
}