.todo { /* position (li) in ul */
  background: none;
  cursor: default;
  &:hover {
    background: #111;
  }
}

.no-bullets {
  list-style-type: none;
  list-style-position: inside;
  margin-left: -40px;
}

.input-todo { /* new todo */
  background: none;
  font-family: Montserrat;
  border: 0;
  color: white;
  font-weight: 500;
  text-align: left;
}


/* unicorn when todo or habit done */
@keyframes unicorn-animation {
  from {left: -400px; bottom: -400px;}
  to {left: 120vw; bottom: 120vh;}
}

.unicorn {
  display: none;
  width:350px;
  position: fixed;
  left: -400px;
  bottom: -400px;
  animation-name: unicorn-animation;
  animation-duration: 4s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;  
}

.todos-day {
  color: white;
}

.handle {
    width: 25px;
    cursor: grab;
    margin-right: 5px;
    color: #555;
    font-size: 20px;
}