.sidebar{
  position: fixed;
  left: 0;
  bottom: 0;
  top: 57px;
  width: 72px;
  background-color: white;
  padding-top: 5px;
  z-index: 100;
  border: 0px;
  border-right: 1px;
  border-right-color: rgb(241, 241, 241);
  border-style: solid;
}
.sidebaricons{
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/* Flex direction specifies in which direnction the elemnets bw aligned*/

.sidebaricons:hover{
  background-color: rgb(232, 232, 232);
  cursor: pointer;
}
.sidebaricon{
  height: 24px;
  margin-bottom: 5px;
}
.sidebaricons div{
  font-size: 10px;
  height: 15px;
}
/* this kind of specifying targets all the divs inside the sidebaricons*/