*{
    margin: 0;
    padding: 0;
    }

    
.grey{
  color: #586a7c;
}

.blue{
    background-color: black;
}

.myNavbar{
    font-size:larger;
    background-color: #8e1313;
    
}

  
.nvf{
    
    color: rgb(251, 251, 251);
}

.foooter {
    width: 100%;
    background-color: #343a40; /* Dark background */
    color: white;
    text-align: center;
    padding: 1rem 0;
  }


.search-main .form-control {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .search-main .btn {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }


  .search-main .form-select {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .search-main .round {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  
  .rounds{
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
  }
  .search-box{
    /* background:linear-gradient(to right, #f0a5a5, #f0a5a5, #f0a5a5); */
    background-color:rgb(255, 244, 241);
  }

  .search-box-admin{
    /* background:linear-gradient(to right, #f0a5a5, #f0a5a5, #f0a5a5); */
    background-color:rgb(249, 246, 237);
  }

  .search-box-request{
    /* background:linear-gradient(to right, #f0a5a5, #f0a5a5, #f0a5a5); */
    background-color:rgb(249, 251, 223);
  }
    
  .topic{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size:x-large;
  }

  .topicc{
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: large;
  }

  .information{
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: medium;
    color: rgb(242, 138, 112);
  }

  .book-card{

  }

  .login-img{
    object-fit: cover;
    width: 100%;
    height: 100%;
  }


  .custom-button {
    background-color: #df5462; /* Custom color */
    border-color: #df5462;
    color: beige;
    font-size: large;
    font-weight: 600;
    font-size: larger;
    font-family: 'Roboto', sans-serif;
  }

  .custom-button2 {
    background-color: #df5462; /* Custom color */
    border-color: #df5462;
    color: beige;
    font-size: large;
    font-weight: 600;
    font-size: larger;
    font-family: 'Roboto', sans-serif;
  }
  
   
  .custom-button2:hover {
      background-color: #3856b0; /* Darker custom color on hover */
      border-color: #5f7cd2;
      color: beige;
  }


.custom-button:hover, 
.custom-button:focus, 
.custom-button:hover {
    background-color: #3856b0; /* Darker custom color on hover */
    border-color: #5f7cd2;
    color: beige;
}

.custom-button:active {
  background-color: #e14d26; /* Custom color when the button is clicked */
  border-color: #e14d26;
}

.no-link-effect {
  text-decoration: none; /* removes underline */
  color: inherit; /* makes the link color same as normal text */
}