*{
    margin: 0px;
    cursor: default;
}
.top{
    display: flex;
    margin: 10px;

}
.space{
    width: 80%;
}
.toplocation{
    display: flex;
    font-size: 10px;
}
.profile{
    height: 40px;
    border: 1px solid;
    border-radius: 50%;
    background-color: black;
    img{
        height: 35px;
    }
}
.search input{
    width: 80%;
    margin-left: 10%;
    height: 35px;
    border-radius: 10px;
    border: 0.5px solid rgb(194, 185, 185);
}
.poster{
    width: 70%;
    background-color: rgb(94, 175, 229);
    height: auto;
    margin-top: 50px;
    margin-left: 8%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
   
    
}
.space-1{
    height:300px ;
    width: 70%;
}
.product{
   display: flex;
   gap: 10px;
   flex-wrap: wrap;
}
.proimg img{
   height: 100px ;
}
.proimg:hover{
    rotate: 3deg;
}
.item-1{

    width: 150px;
    height: 220px;
    text-align: center;
    img{
        height: 150px;
    }
}
.product-1{
    margin: 7px;
    margin-left: 7%;
     margin-right: 7%;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.item-1:hover{
    rotate: 3deg;
}
.align{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}