.sidebar {
  margin: 0;
  background-color: rgb(30, 33, 36);
  height: 100%;
  border-right: 1px solid #444;
}

@media screen and (max-width: 1100px) {
  .sidebar {
    width: 0;
  }
}

@media screen and (min-width: 1101px) {
  .sidebar {
    width: 250px;
  }
}

.sidebar-note {
  padding: 20px;
}

.sidebar-section {
  padding: 15px;
  cursor: pointer;
  border-radius: 10px;
  margin: 5px;
}

.sidebar-section:hover {
  background-color: rgb(50, 53, 56);
}