body {
    background-color: #3f90df;
}

h1 { 
text-align: center;
color: white;
font-weight: bold;

}

.banner {
    height: 250px;
    background-color: #3f90df;
    background-image: url(../images/background-bann2.png);
    color: white;    
}

.lines {
    height: 10px;
    background-color: #00285f;
}

.title {
    padding-top: 5%;
    background: rgba(0, 40, 95, 0.4);  
    color: #fff; 
    font-weight: bold;    
}

.logo {
    width: 55%;
    height: auto;
    padding-top: 40px;     
}
.bel {
    margin-left: 20%;
    margin-top: 10px;
}
.un {
    float: right;
    margin-right: 20%;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    padding: 10px;
  }

  .ornam {
      margin-top: 20px;
      margin-bottom: 20px;
      padding-top: 50px;
      background-image: url(../images/arnamient-3-bel-50.png);
  }

  .navbar {
      margin-top: 10px;
      margin-bottom: 10px;
  }
    .books {
        width: 100%;
        flex-direction: row !important;
        height: 500px;
    }
    /*.lib{
        width: 90%;
        margin-left: 5%;
    }*/
    .lib h3 {
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.125);
        padding: 10px;
        font-weight: 600;
    }
    .width_style {
        height: 100%;
        object-fit: cover;
    }
.btn-link {
    color:  #00285f !important;
} 

.card-header {
    background-color: rgb(123, 184, 191, 1)!important; 

}
.mb-0 {
    text-align: center;
}
.btn {
    white-space: normal !important;
}
.small_arnam_left img{
    width: 50px;
    float: left;
}
.small_arnam_right img{
    width: 50px;
    float: right;
    padding-top: -20px;
}

footer a{
    color: white;
}