.title{
    font-family: 'Young Serif', serif;
}
.greet{
    font-family: 'Delicious Handrawn', cursive;
    font-size: 30px;
}
.tasks{
    padding-bottom: 130px;
}

.tasks ul li a{
    text-decoration: none;
}
.tasks ul li a:hover{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.footer p {
  font-size: small;
  font-family: 'Young Serif',serif;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
}
}