.cat{
    width: 183px;
    border-color: black;
    display: inline-block; 
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
    border-radius:5px;
}
.box{
    vertical-align: top;
    padding: 10px;
    height: 280px;
     width: 183px;
    border-color: black;
    display: inline-block; 
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
    border-radius:5px;
}
.all{
    /* padding: 10px; */
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    height: 50%;
    width: 100%;
    /* background-color: red; */
}
.name{
    margin-top: 0px;
    margin-bottom:0;
    font-size: 18px;
    margin-left:3px;
}
.image{
    height: 50%;
    width:100%;
    
}
.button{
    background:rgb(2, 114, 235);
    border:none;
    color:white;
    border-radius:8px;
    width: 90px;
    height:40px;
}
.friends{
    font-size: 14px;
    color: rgb(146, 142, 142);
}
.dog-image{
    width:183px;
}
.fish-image{
    width: 183px;
}
.dog{
    
    height:270px;
    vertical-align: top;
    width: 183px;
    border-color: black;
    display: inline-block; 
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
    border-radius:5px;
}
.fish{
    width: 183px;
    border-color: black;
    display: inline-block; 
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
    border-radius:5px;
}
.main{

}