index.css

.bookItem {
  display: flex;
  margin: 0 0 20px 0;
}

.bookImage {
  height: auto;
  width: 25%;
}

.bookImage > img {
  border: 1px solid black;
  margin: 10%;
  width: 80%;
}

.bookDetails {
  width: 75%;
}

.libraryBooks {
  table-layout: fixed;
}

.libraryTitle {
  width: 60%;
}

.libraryAvailability {
  width: 40%;
}

/**
 * Loading Ring
 * Source: loading.io
 */

.loadingRing {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
}

.loadingRing div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 3px;
  border: 3px solid black;
  border-radius: 50%;
  animation: loading-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: black transparent transparent transparent;
}

.loadingRing div:nth-child(1) {
  animation-delay: -0.45s;
}

.loadingRing div:nth-child(2) {
  animation-delay: -0.3s;
}

.loadingRing div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes loading-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**
 * Github Corner Banner
 * Source: http://tholman.com/github-corners/
 */

.github-corner:hover .octo-arm{
  animation:octocat-wave 560ms ease-in-out;
}

@keyframes octocat-wave{
  0%,100% {
    transform:rotate(0);
  }
  20%,60% {
    transform:rotate(-25deg);
  }
  40%,80% {
    transform:rotate(10deg);
  }
}

@media (max-width:500px) {
  .github-corner:hover .octo-arm {
    animation: none;
  }
  .github-corner .octo-arm{
    animation: octocat-wave 560ms ease-in-out;
  }
}