body{
        margin: 0px;
        padding: 0px;
        background-image: url("");
        background-size: 1535px 700px;
        background-repeat: no-repeat;
       
    }
    li{
        list-style-type: none;
        background: linear-gradient(to right, #fcb1d3, #e0da5c);
        width: 100%;
        height: 80px;
        align-content: center;
      
       text-align: right;
        padding-right: 10%;
    }
   
   
   
    li a{
        
        margin-left: 70px;
        text-decoration: none;
        color: black;
        font-size: 20px;
       
        

    }
   li a:hover{
        text-decoration: none;
    }
    form{
        width: 500px;
        margin: auto;
    }
    #ns{
        background: linear-gradient(to right, #fcb1d3, #e0da5c);
    }
    p{
        text-align: center;
    }
    h1{
        text-align: center;
    }

     body {
      background-color: #f4f7fa;
      font-family: Arial, sans-serif;
    }
    .sidebar {
        background: linear-gradient(to bottom, #fcb1d3, #e0da5c);;
      height: 100vh;
      border-right: 1px solid #ddd;
    }
    .sidebar a {
      display: block;
      padding: 15px 20px;
      color: #333;
      text-decoration: none;
      border-bottom: 1px solid #eee;
    }
    .sidebar a:hover{
      background-color:white;
      color: black;
    }
    .header {
        background: linear-gradient(to right, #fcb1d3, #e0da5c);
      color:black;
      padding: 15px 20px;
    }
    .card-stats {
      border-radius: 10px;
      color:black;
      padding: 30px 20px;
      text-align: center;
    }
    .card-members { background: linear-gradient(to bottom, #a18cd1, #fbc2eb);  }
    .card-books { background: linear-gradient(to bottom, #00c9ff, #92fe9d); }
    .card-issued { background: linear-gradient(to bottom, #ef92e9, #e73827); }
    .card-returned {background: linear-gradient(to bottom, #96fbc4, #f9f586); }