#carroussel
      {
        margin-top: 1%;
        width: 10%;
        height: 100%;
        padding: 0.5%;
        background-color: #FFFFFF;
        overflow-y: auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        overflow: auto;
        scrollbar-width: none; 
        -ms-overflow-style: none; 
      }

        /* For Chrome, Safari, and Opera */
        #carroussel::-webkit-scrollbar {
          display: none;
        }
      .book
      {
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          padding: 10px;
          margin-bottom: 5%;
          margin-top: 5%;
          background: white;
          box-shadow: 0 1px 3px rgba(0,0,0,0.1);
          color: #222222;
          width: 70%;
          border-radius: 4px;
          transition-duration: 0.2s;
      }
    
      .book:hover
      {
         transform: translateY(-2px) translateX(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
      }
      
      .book img
      {
        
      }
      
      .book h4
      {
        font-size:0.8em;
        color: #2A3D42;
      }
      
      .book p
      {
        font-size:0.7em;
        text-align:center;
        color: #647880;
        padding: 0;
      }