body{
    background-color: rgb(243, 242, 242)
}
#top{
    display : flex ;
 line-height: normal;
    width: 80%;
    margin: auto;
}
#top div{
    display : flex;
    margin-left: 50px;
    font-size: 14px;
    font-weight: lighter;
    margin-top: 20px;
    cursor: pointer;
}
.logo{
    height: 45px;
    width: 45px;
}
h2{
    margin-top: 27px;
    color: rgb(91, 91, 91);
}
.all{
    margin-top: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    margin-left: 62px;   
}

h4{
    margin-top: 10px;
    margin-left: 7px;
    font-size: 17px;
    padding-top: 5px;
    color: rgb(91, 91, 91);  
}
#parent{
    width: 80%;
    margin: auto;
    /* border: 1px solid; */
    margin-top: 50px;
  background-color: rgb(255, 255, 255);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 7px;
}

#parent>div{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    /* border: 1px solid; */
    /* margin-top: 70px; */
    width: 320px;
    /* height: 390px; */
    background-color: white;
    border-radius: 7px;

}
#parent img{
    width: 100%;

}

#parent button{
    background-color: rgb(238, 35, 35);
    color: white;
    width : 40%;
    height: 25px;
    border-radius: 5px;
    margin-left: 55%;
   margin-bottom: 30px;
    cursor: pointer;
    border: 0px;
}
h4{
    margin-top: 10px;
    margin-left: 10px;
    font-size: 17px;
    padding-top: 5px;
    color: rgb(91, 91, 91);  
}
#name{

    width: 320px;
    height : 60px;
 
    font-size: 13px;


}