/* boho gen */
body {


    font-family: "Manrope", sans-serif;
background-color: var(--bg-body);
    color: var(--text-main);

    margin: 0;
    padding: 0;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */

}
/* boho gen */


p{
    color: #666;
}
.border_left{
    border-left: 1px dotted #d2d2d2;
}
h4{
    font-size: 20px;
}
#book_heading{
    font-weight: 800;
    letter-spacing: -4px;
    font-size: 50px;
}
#book_heading_span{
      font-weight: 200;
    letter-spacing: -2px;
    font-size: 45px;  
    margin-left: -10px;
    z-index: 0;
}
#author_name{
    color: #666;
    text-decoration: none;
    font-style: italic;
    letter-spacing: -4px;
}

.navbar{
    border-bottom: 1px solid #888;
}


#original_title_span{
    font-weight: 200;
    font-style: italic;
}


.accordion-button{
    padding: 10px 0px;
}
.accordion-button:active{
    outline: none;
    background: #FFFFF0;
    box-shadow: none;
    border: 1px dotted #888;
}
.accordion-button:focus{
    outline: none;
    background: #FFFFF0;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background: #FFFFF0;
  
}

#id_username{
    background: white;
    width: 100%;
    color: #666;
    border: 1px solid #888;
    padding: 10px;
}
#id_username:focus{
    outline: none;
    box-shadow: none;
}
#id_username:active{
    outline: none;
    box-shadow: none;
}


#id_email{
    background: white;
    width: 100%;
    color: #666;
    border: 1px solid #888;
    padding: 10px;
}
#id_email:focus{
    outline: none;
    box-shadow: none;
}
#id_email:active{
    outline: none;
    box-shadow: none;
}





#id_password{
    background: white;
    width: 100%;
    color: #666;
    border: 1px solid #888;
    padding: 10px;
}
#id_password:focus{
    outline: none;
    box-shadow: none;
}
#id_password:active{
    outline: none;
    box-shadow: none;
}



#id_password1{
    background: white;
    width: 100%;
    color: #666;
    border: 1px solid #888;
    padding: 10px;
}
#id_password1:focus{
    outline: none;
    box-shadow: none;
}
#id_password1:active{
    outline: none;
    box-shadow: none;
}




#id_password2{
    background: white;
    width: 100%;
    color: #666;
    border: 1px solid #888;
    padding: 10px;
}
#id_password2:focus{
    outline: none;
    box-shadow: none;
}
#id_password2:active{
    outline: none;
    box-shadow: none;
}
#login_btn{
    background: #003049;
    border: 1px solid #003049;
    color: white;
    width: 100%;
    padding: 10px;
}
#register_btn{
        background: #003049;
    border: 1px solid #003049;
    color: white;
    width: 100%;
    padding: 10px;
}

#login_with_google_btn{
    background: #EA4335;
    text-align: center;
    padding: 10px;
}
#login_with_facebook_btn{
    background: #1877F2;
    text-align: center;
    padding: 10px;
}
#login_with_reddit_btn{
    background: #999;
    text-align: center;
    padding: 10px;
}




#login_with_apple_btn{
        background: #000;
    text-align: center;
    padding: 10px;
}


#login_with_amazon_btn{
        background: #ff9900;
    text-align: center;
    padding: 10px;
    color: black;
}