.todo {
  display:flex;
  flex-direction:column;
  position:absolute;
  width:195px;
  height:200px;
  overflow-y:auto;
  background: #4dcfe3;
  background: radial-gradient(circle,rgba(77, 207, 227, 0.4) 7%, rgba(20, 157, 255, 0.4) 51%);
  border: 2px solid #4dcfe3;
  font-family:"pixel2";
  font-size:13px;
  color:#def8fc;
  top:830px;
  padding:2px;
  padding-left:0;
  align-items:flex-start;
  list-style:none;
  text-align:left;
}
.todo h2 {
  font-family:"pixel2";
  font-size:16px;
  color:#f5feff;
  text-align:center;
}
.todo li img {
  width:18px;
  height:18px;
  flex: 0 0 18px; 
  vertical-align:middle;
  gap:5px;
}
.todo li {
  display:flex;
  align-items:flex-start;
  width:100%;
}
.todo ul{
  list-style:none;
  margin:0;              
  padding:0;               
  width:100%;
}
.todo::-webkit-scrollbar-track {
  background:#4dcfe3;
  border-radius:5px;
}
.todo::-webkit-scrollbar-thumb {
  background:#4dcfe3;
  border-radius: 10px;
  height:4px;
}
.todo::-webkit-scrollbar {
  width:1px;
  height:4px
}