.blog_head_container{
    margin-top: 5em;
}
 
.blog_head{
    color: white;
    font-weight: 700;
    font-size: 60px;
    
    text-align: center;
    
    }

.welcome_text{
    font-size: 15px;
    color: white;
}
    
    #main_books_desc{
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    
    text-align: center;
    
    }

   .head{
    font-size: 35px;
    font-weight: bolder;
    color: var(--green-color);   
}

#search_modal{
    margin-top: 8em;
    padding: 15px;
   opacity: 0.9;
   backdrop-filter: blur(4px);


}
.head_2{
    font-size: 18px;
    font-weight: bolder;
    color: var(--green-color); 
    cursor: pointer;  
}



.text_label{
    font-size: 13px;
    color: var(--green-color);   
}

.img_animation{
    transition: 2s linear;
    cursor: pointer;
   
}
.img_animation:hover{
    transform: scale(0.9);  
}







    @media (max-width:576px){
          
        .head
        {
            font-size: 25px;
            font-weight: bolder;
            color: var(--green-color);   
        }
        .text_label{
            font-size: 13px;
            
            color: var(--green-color);   
        }
        .img_animation{
          height: 280px;
        }

    .blog_head_container{
        margin-top: -30px;
    }
    .blog_head{
       font-size:30px;
        color: #fff;
    } 
    .frame_image{
        width: 85px;
        height: 80px;
    }

    
    

}
@media (min-width:577px) and (max-width:900px){
    .img_animation{
        height: 280px;
      }
      
        .blog_head_container{
            margin-top: -25px;
        }
        .blog_head{
          font-size: 45px;
            color: #fff;
        } 
        .blog_head_container{
            margin-top: 0px;
        }
    .text_label{
        font-size: 15px;
    }
}