body {
    background-image: url('images/bookshelf2.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: absolute;
    font-size:10pt;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

@font-face {
    font-family: shh;
    src: url(fonts/2Peas\ Vegetable\ Soup.woff);
} 

@font-face {
    font-family: hrm;
    src: url(fonts/2Peas\ Sunflowers.woff);
} 

p {
    font-family: 'shh';
    font-size: 20px;
    position: absolute;
    color: rgb(66, 50, 42);
    border: 10px solid #90a357;
    margin-top: 10px;
    margin-left: 1160px;
    background-color: #90a357;
}

o {
    font-family:'Times New Roman', Times, serif;
    font-size: 13px;
    position: absolute;
    color: rgb(39, 34, 32);
    border: 8px solid #6d8e42;
    margin-top:297px;
    margin-left: 1247px;
    background-color: #6d8e42;
}

img:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation:zoom 20s;
}

@keyframes zoom {
  5% { transform: scale(1.1); }
  10% { transform: scale(1.1); }
  15% { transform: scale(1.1); }
  20% { transform: scale(1.1); }
  25% { transform: scale(1.1); }
  30% { transform: scale(1.1); }
  35% { transform: scale(1.1); }
  40% { transform: scale(1.1); }
  45% { transform: scale(1.1); }
  50% { transform: scale(1.1); }  
  55% { transform: scale(1.1); }
  60% { transform: scale(1.1); }
  65% { transform: scale(1.1); }
  70% { transform: scale(1.1); }
  75% { transform: scale(1.1); }
  80% { transform: scale(1.1); }
  85% { transform: scale(1.1); }
  90% { transform: scale(1.1); }
  95% { transform: scale(1.1); }
  100% { transform: scale(1.1); }
}