@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');


*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Hind Siliguri', sans-serif;
}
.image{
    display: flex;
    justify-content: center;
    align-items: center;
}
.first-section{
    height: 110vh;
    width: 100%;
    background: url("../image/ourbook1.png") rgba(0, 0, 0, 0.5) ;
    background-blend-mode: darken;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}
a{
    color: black;
}
.add-book{
    text-align: center;


}

form img{
    height: 100px;
    width: 100px;
}
.btnn{
    height: 60px;
    width: 200px;
    cursor: pointer;
    border: 2px dotted white;
    background-color: orangered ;
    color: white;

}
.fa-home{
    color: aliceblue;
    position: sticky;
    top: 0%;
    left: 0%;
}
 .container img {
        /* margin-top: 1.5rem; */
        height: 200px;
        width: 200px;
        margin: 14px 0px;
        border-radius: 4px;
        /* box-shadow: 0px 0px 5px 2px #e8e3e3; */
    }

.container{
    text-align: center;
}
.container h4{
    font-family:  'Pacifico', cursive;
    color: orangered;
}
.container p{
    /* font-family: 'Bebas Neue', cursive; */
    color: black;
    font-weight: 500;
}
button:hover{
    background-color: saddlebrown;
    color: white;
}
.form{
   
    width: 90%;
    margin: auto;
    height: 160vh;
    background: url("../image/bacground.jpg") rgba(0, 0, 0, 0.1) ;
    background-blend-mode: darken;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
}
.welcum{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* font-family: sans-serif; */
    margin: 4rem;
}
.fa-home{
    font-size: 40px;
}
.welcum h3{
    margin: 2px 2px;
}
.from1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    

}
input{
    height: 40px;
    margin: 5px 5px 5px 5px;
    font-size: 18px;

}
label{
    margin: 5px 5px 5px 5px;
    /* font-family: monospace; */
    font-weight: 900;
    font-size: 15px;

}
.block{
    display: block;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1);

}
.home{
    display: flex;
    justify-content: flex-end;
    font-size: 40px;
    margin-left: 20px;

}
.submit{
    height: 40px;
    width: 150px;
    cursor: pointer;
    border: 2px solid rgb(168, 168, 168);
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-family: monospace; */
    font-size: 15px;

}
.submitxx{
    margin: auto;

}
.no-1{
    /* border: 2px solid red; */
    box-shadow: 0px 0px 9px 0px #ff4400;
}
.container{
    height: 100vh;
    width: 80%;
    margin: auto;
}
.no-1{
    width: 90%;
    margin: 15px auto;
    border-radius: 9px;
    /* padding: 5px; */
}

@media (max-width:1025px) {
    .image img{
        height: 400px;
        width: 500px;
    }
    
    
}
@media (max-width:550px) {
    .image img{
        height: 300px;
        width: 400px;
    }
    
}
@media (max-width:450px) {
    .image img{
        height: 250px;
        width: 350px;
    }
    
}