ul.list-group {
  min-height: 130px;
}
body {
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Staatliches", sans-serif;
}
.dropover {
  background-color: rgba(0,0,0,0.3);
}
.dropover-active {
  background-color: rgba(0,0,0,0.9);
}
.bottom-trash {
  opacity: 0;
  color: #f1f1f1;
  font-size: 2.3rem;
  font-family: "Staatliches", sans-serif;
  transform: translateY(150px);
  transition: all .5s ease-in-out;
  background-color: rgba(234,0,39,0.7);
}
.bottom-trash-drag {
  transform: translateY(0);
  opacity: 1;
}
.bottom-trash-active {
  background-color: rgba(234,0,39,1);
}
.btn-add,
.btn-save {
  background-color: #FA8BFF;
  background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
  transition: all .5s ease-out;
  background-size: 1px 100px;
  background-position: 0 -10px;
}
.btn-close,
.btn-delete {
  background-color: #EA0028;
  background-image: linear-gradient(180deg, #FF9A8B 0%, #EA0028 100%);
  transition: all .5s ease-out;
  background-size: 1px 100px;
  background-position: 0 -10px;
}
.btn-add:hover,
.btn-save:hover,
.btn-close:hover,
.btn-delete:hover {
background-position: 1px -50px;
}