.form-control{
    border-radius: 0;
}

.display-4{
    font-size: 2.5rem !important;
}


h5,h6{
    font-weight:300;
}
.book{
        border: 1px solid rgba(0,0,0,.125);
        width: 245px;
        min-height: 393px;
    text-align: left;
}

.audioBook-cover{
        object-fit: scale-down;
        height: 267px;
}

.audioBook{
        border: 1px solid rgba(0,0,0,.125);
        width: 310px;
        min-height: 420px;
    text-align: left;
}

.audioBook:hover .first-part{
        display: none !important;
}

.audioBook:hover .second-part{
        display: block !important;
}

.second-part{
        display: none !important;
}

.book:hover .first-part{
        display: none !important;
}

.book:hover .second-part{
        display: block !important;
}

.book-cover{
        object-fit: scale-down;
        height: 251px;
}

.description{
        height: 251px;
}

.text-left{
        text-align: left;
}

.box-shadow{
        box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}

.height-auto{
        height: 55px;
        font-size: calc(70% * 1.75);
}

 a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:active {
      text-decoration: none;
}

a, a:link, a:visited, a:hover, a:active {
        color: black;
}

.btn-primary{
        color: #212529;
        background-color: #00000000;
        border-color: #c2c2c5;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-primary:hover{
        color: #ffffff;
        background-color: rgb(0 120 215);
        border-color: #7d9bc7;
}

.btn{
        border-radius: unset !important;
}

#pButton {
  float: left;
}

#timeline {
  width: 90%;
  height: 2px;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.3);
}

#pButton {
  margin-top: 12px;
  cursor: pointer;
}

#playhead {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-top: -3px;
  background: black;
  cursor: pointer;
}