body{
margin: 0px;

font-family:Arial,sans-serif;
background:#f8f8f8;
}

header{
    margin: 0px;
background:#ff6f9f;
color:white;
text-align:center;
align-items: center;
padding:30px;
}
.logo{
    height:50px;
    vertical-align: -10px;
    padding-top: 
    
    
}

nav{
    margin:0px;
background:#333;
text-align:center;
padding:15px;
}

nav a{
    
    
color:white;
text-decoration:none;
margin:20px;
}

.hero{
padding:50px;
text-align:center;
background:#ffe4ec;
}

.container{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:25px;
padding:30px;
}
 
.blog-container{
    max-width: 800px;
    margin:10px;
    padding: 20px;
}

.card{
    background: white;
    width: 200px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);

    display: flex;
    flex-direction: column;
}
.card img{
width:100%;
border-radius:10px;
}

.buy{
    margin-top: auto;
    display: inline-block;
    padding: 20px  ;
    margin-bottom: 20px;
    width:   75px;
    align-self: center;
    

    background: #28a745 ;
    color: white;
    text-decoration: none;
    border-radius: 25px;
    text-align: center;
}

.buy:hover{
background:#1d7d34;
}

footer{
background:#222;
color:white;
text-align:center;
padding:20px;
margin-top:30px;
}