:root {
  --timeout: 500ms;
  --list-item-max-height: 30px;
}

ul {
  margin: 0;
  padding: 0 10px;
}

.container {
  display: flex;
}

.comics {
  width: 50%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.comic {
  padding: 10px;
  cursor: pointer;
}

.star {
  margin-left: 5px;
  color: gold;
}

.favorites {
  box-sizing: border-box;
  width: 50%;
  padding: 10px;
  background-color: rgb(64, 110, 235);
}

.list-item {
  padding: 10px;
}