.kitty {
   width: 250px;
   position: relative;
   padding: 0px 0;
   margin-top: 10px;
}
.kitty:hover .kitty-back {
  opacity: 1;
  -webkit-animation: climb 0.75s 1;
  animation: climb 0.75s 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-direction: forwards;
}
.kitty-front {
  background-image: url("https://omahaknitnight.com/images/okn/kitty/okn_footer.png");
  width: 250px;
  height: 75px;
  padding-left: 10px;
  position: absolute;
  z-index: 9999
}

.kitty-back {
  background-image: url("https://omahaknitnight.com/images/okn/kitty/kitty_bw.png");
  opacity: 0;
  width: 73px;
  height: 70px;
  position: absolute;
  top: 15px;
  z-index: 999;
  bottom: 0px;
  -webkit-animation: descend 0.75s 1;
  animation: descend 0.75s 1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-direction: forwards;
  }

@keyframes climb {
    0%{
        transform: translate(10px, -10px) rotate(5deg);
    }
    25%{
        transform: translate(-10px, -25px) rotate(-5deg);
    }
    50%{
        transform: translate(10px, -45px) rotate(5deg);
    }
    100%{
        transform: translate(0, -75px) rotate(0deg);
    }
}

@keyframes descend {
    0%{
        transform: translate(0, -75px) rotate(0deg);
    }
    25%{
        transform: translate(10px, -45px) rotate(5deg);

    }
    50%{
        transform: translate(-10px, -25px) rotate(-5deg);
    }
    100%{
        transform: translate(10px, -10px) rotate(5deg);
    }
} 

.img-fluid {
  max-width: 600px;
  width:100%;
}

.navbar {
  font-family: "Poetsen One", sans-serif;
}
.dately {
  font-family: "Poetsen One", sans-serif;
}
.navbar-brand {
	color: #2c326b;
}
navbar-brand {
	color: #2c326b;
}
.poetsen-one-regular {
  font-family: "Poetsen One", sans-serif;
  font-weight: 300;
  font-style: normal;
}