*{
          margin:0rem;
          padding:0rem;
          user-select:none;
          box-sizing:border-box;
      }
      
      img{width:100%;height:100%;margin:0rem;display: block;}
      a{text-decoration:none}
      
      body{background:rgb(24, 24 ,24);margin:0rem;}


aside.aside-profile-books-section{
    width:30%;
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
    position: sticky;
    top:0%;
    background:none;
    font-family:Arial;
}

div.profile-book-container{
    width:100%;
    height:100%;
    background:dodgerblue;
    position:relative;
    overflow:hidden;
}
div.profile-book-title{
    position:absolute;
    left:-25%;
    top:30%;
    transform:translateY(-50%) rotate(-90deg);
    font-size:80px;
    font-weight:bold;
}

div.profile-books-slider{
    width:180px;
    height:100%;
    background: none;
    margin-left:auto;
    position:relative;
    overflow:hidden;
}
div.profile-books-group{
    position:absolute;
    width:100%;
    transition:0.5s;
}

div.profile-book-box,a.profile-book-box{
    width:140px;
    height:200px;
    border-radius:1rem;
    margin:50px auto;
}

.profile-book-controls{
    position:absolute;
    left:20px;
    bottom:55px;
    display:flex;
    flex-direction:column;
    gap:15px;
}
button#profile-book-up,button#profile-book-down{
    width:50px;
    height:50px;
    border-radius:50%;
    font-size:24px;
    padding:0.5rem;
    cursor:pointer;
    border:0.2rem solid black; 
}

img.aside-profile-book-covers{
    border-radius:1rem;
    object-fit: cover;
}

div.profile-book-info{
    width:80px;
    height:auto;
    position:absolute;
    bottom:80px;
    left:90px;
    background:none;
    color:white;
    font-weight: bold;
}

 aside.aside-profile-books-section,div.profile-book-container{display:block}

 @media (max-width:768px){

    aside.aside-profile-books-section,
    div.profile-book-container{
        display:none;
        margin:0rem;
        padding:0rem;
    }

 }