main.nemx-main-section{
      width:100%;
      height:100vh;
      background:none;
      display:flex;
    }
    

    
    /*  ASIDE  NAVIAGATION */   


    aside.side-navigation{
      width:30%;
      height:100vh;
      background:rgb(24, 24 ,24);
      position: sticky;
      top:0%;
      padding-top:none;
      display: block;
    }



    div.sidenav-header{
      width: 100%;
      height:10%;
      background:rgb(24, 24 ,24);
      padding:0.2rem 14rem 0.8rem 0.8rem;
      margin-bottom:2rem;
    }


    section.sidenav-links-section{
      width:100%;
      height:84%;
      background:none;
      padding-right:1rem;
    }

    section.sidenav-link-container{
      width:100%;
      height: 10%;
      margin-bottom:1rem;
      display: flex;
      align-items: center;
      border-top-right-radius: 2rem;
      border-bottom-right-radius: 2rem;
      padding:0 0 0 1rem;
      color:white;
    }

    section#sidenav-link-container-active{
      background:dodgerblue;
      color:black;
    }

    div#sidenav-link-icon{
      width:13%;
      height:85%;
      background:none;
      padding:0.4rem;
      margin-right:0.5rem;
    }

    select.sidenav-link-selector{
      width:60%;
      padding: 12px 16px;
      font-size: 16px;
      color: black;
      background:transparent;
      /*border: 1px solid rgba(255,255,255,0.15);
      */
      border:none;
      appearance: none; /* removes default arrow */
      -webkit-appearance: none;
      -moz-appearance: none;
      margin-right:1rem;
      cursor: pointer;
      font-weight: bold;
    }

    select.sidenav-link-normal,a.sidenav-link-normal{
      width:60%;
      padding: 12px 16px;
      font-size: 16px;
      color: white;
      background:none;
      /*border: 1px solid rgba(255,255,255,0.15);
      */
      border:none;
      appearance: none; /* removes default arrow */
      margin-right:1rem;
      cursor: pointer;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
    }
     
    section#sidenav-link.selector-acitve{color: black;}

    select::selection{border:none}


  
    section.links-options-without-section{
      width:100%;
      background:none;
      padding-top:3rem;
    }

    div#sidenav-link-iconno-options{
      width:13%;
      height: 100%;
      padding:0.4rem;
      background:none;
    }
    
    section.sidenav-no-options-link-container{
      width:100%;
      height:35%;
      background:none;
      border-bottom-right-radius:2rem;
      border-top-right-radius:2rem;
      padding-left:1rem;
      display: flex;
      margin-bottom:1rem;
    }

   /* a#link-no-options-section, div.link-no-options-section{
      width:87%;
      height:100%;
      background:yellow;
      display: flex;
      align-items: center;
    }
*/
     a#link-no-options-section,div.link-no-options-section{
      width:72%;
      height:2.8rem;
      background:none;
        display: flex;
        align-items: center;
    }

   


    /* NUMBER OF BOOKS */


    div.number-of-books{
      width:15%;
      height:2.8rem;
      background: none;
      display: grid;
      place-items: center;
    }

    div#number-of-books{
      width:60%;
      height:2rem;
      background:dodgerblue;
      border-radius: 50%;
      font-weight: bold;
      display: grid;
      place-items: center;
      color:black;
    }

    div#link-no-options-section,div.link-no-options-section{
      padding-left:1.5rem;
      display: flex;
      align-items: center;
     }

     p#sidenav-no-options-link{
      font-weight: bold;
      font-size:1.1rem;
      color:white;
      font-family: Arial, Helvetica, sans-serif;
     }
  

     section.aside-profile-area{
      width:100%;
      height:15%;
      background:none;
      padding:0.3rem 0.3rem 0.3rem 1rem;
     }

     div.aside-profile-area-bar{
      width: 100%;
      height:100%;
      background: rgb(48, 48, 48);
      border-radius:1rem;
      padding:0.5rem;
      display: flex;
     }

     div#aside-profile-container{
      width:15%;
      height: 100%;
      padding:0.3rem;
      background:none;
     }

     div.aside-profile-container{
      width:100%;
      height:100%;
      border-radius: 50%;
     }

     div#aside-profile-info{
      width:70%;
      height:100%;
      background:none;
      color:white;
      font-weight: bold;
      padding:0 0 0 1rem;
      display: flex;
      flex-flow:column;
      justify-content: center;
     }

     div#aside-profile-icon{
      width:15%;
      height:100%;
      background:none;
      padding:0.3rem;
     }

     img#aside-profile-picture{border-radius:50%}

     p#aside-profile-name-title{
      font-size:1.1rem;
     }


   
    

     @media (max-width:768px){
       aside.side-navigation{display:none}
     }