admin-searchBooks.css

body {
    background: white;
    margin: 0;
}

h3 {
  font-family: Nunito !important;
  font-weight: bold !important;
  text-align: left;
  color: #3F3D56 !important;
  margin-bottom: 0;
}

h5 {
  font-family: Nunito;
  text-align: center;
  color: #3F3D56 !important;
  margin-bottom: 0;
  font-weight: bold;
}

strong {
  font-family: Nunito !important;
  font-weight: bold !important;
  color: #3F3D56 !important;
}



  /* Go Back link */
  .GoBack {

    margin-left: 50px;
    margin-top: 60px;
    margin-bottom: 30px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #3F3D56;
  }

 #Search {
  text-align: center;
}

#header {
font-family: 'Nunito';
font-style: normal;
font-weight:bolder;
font-size: 45px;
line-height: 49px;

color: #3F3D56;
}

.emailLabel {
font-size: 24px;

}

#inputEmail::placeholder { 
color: #3F3D56;
opacity: 1;
font-family: "Nunito";
}

#inputEmail {
border: 2px solid white;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
margin-bottom: 10px;
}

#search-addon {
height: 40px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
margin-bottom: 10px;
background-color:#3F3D56;
}

#search-addon:hover {
opacity: 0.8;
}

#icon {
color: white;
}

#para {
  font-size: 12px;
  
  margin-top: -20px;
}

p {
display: inline;
font-family: Nunito;
color: #3F3D56;
font-size: 100%;
}
  .center {
    margin-left: 400px;
    margin-top: 20px;
    width: 250px;
    height: 400px;
    background: #C8D8E4;
    box-shadow: 3px 4px 4px 2px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    
  }

  #work {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    margin-left: 10px;
    color: #3F3D56;
  }

  #auth {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 12px;
    margin-left: 10px;
    color: red;
    /* color: #3F3D56; */
  }

  .center pre {
    margin-right: 10px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 16px;
    
    color: #3F3D56;
  }

  #change {
    line-height: 3;
    font-size: 15px;
  }

.picLeft {
    text-align: center;
}

#pic {
    margin: auto;
    display: block;
    padding-top: 10px;
}

.Cover {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 16px;
    text-decoration-line: underline;

    color: #3F3D56;
}

.QMiddle {
    
    margin-bottom: 20px;
}


p {
    display: inline;
    font-family: Nunito;
    color: #3F3D56;
    font-size: 100%;
}

.TitleInfo {
    top: 10px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 33px;
    display: flex;
    align-items: center;
    color: #3F3D56;
}

.AuthorInfo {
    left: 25.28%;
    right: 59.07%;
    top: 40.27%;

    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #3F3D56;
}



.Inventory {
    width: 50px;
    font-family: Nunito;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 30px;
    border-radius: 7px;
    border: 2px solid white;
    margin-right: 50px;
    font-size: 12px; 
    color: #3F3D56;
    margin-left: 10px;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);

}

.Overall {
    display: flex;
}

.EditText {
    margin-top: 5px;
    margin-left: 80px;
    width: 90px;
    height: 30px;
    margin-bottom: 10px;
    background-color: #2B6777;
    border: 2px solid #2B6777;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px;

    color: #FFFFFF;
}

.card {
  background-color: #2B6777 !important;
  height: 22rem;
  width: 15rem;
  border-radius: 1em !important;
}

.card-text, .card-title {
  color: #fff !important;
}

.card:hover {
  background-color: #3F3D56 !important;
}

.card:hover a, .card:hover p, .card:hover h4, .card:hover h5 {
  color: #fff !important;
}