body {
          background-image: url('/pics/bglib.png');
          background-size: 400px;
          color: #3c4b1f;
        }
        
        nav {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
          }
        
        hr {
          background-color: #323f1a;
        }  
        
        li a, #foot a, div > a { 
          color: #1d809c;
        }
        
        li a:visited, #foot a:visited, div > a:visited {
          color: #93729C;
        }

        li a:hover, #foot a:hover, div > a:hover {
          color: #9d303b;
          background: none;
        }
  
        li a:active, li a:focus, #foot a:active, #foot a:focus, div > a:active, div > a:focus {
          color: #c48389;
          background: none;
        }
        
        #lib-index {
          display:flex;
          justify-content:space-around;
          flex-flow: row wrap;
          width: 80%;
          max-width: 90%;
          gap: 16px;
          margin: 8px auto 16px auto;
          font-size: 1.5rem
        }
        
        .container {
          background-color: #ddd5a7;
          border-color: #323f1a;
          border-radius: 7px;
        }
        
        .uneven-border {
          border: 3px solid #17424a;   
        }