@font-face {
    font-family: "Source-Serif-Pro";
    src:url("../fonts/SourceSerifPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style:normal;
}
@font-face {
    font-family: "Source-Serif-Pro";
    src:url("../fonts/SourceSerifPro-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style:normal;
}
@font-face {
    font-family: "Source-Serif-Pro";
    src:url("../fonts/SourceSerifPro-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style:normal;
}
body{
    font-family: 'Source-Serif-Pro';

}
*{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
    color:black;
}
.content{
    margin-top: 80px;
    min-height: 70vh;
}
.content>h1{
    margin: 20vh 0 8vh 5vw;
    font-family:Source-Serif-Pro ;
    font-weight: bold;
    font-size: 4rem;
}

.display-flex{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.post-card{
    width:200px;
    padding:15px;
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border:1px solid white;
    transition: 1s linear;
}
.blogDescription{
    min-width: 100%;
    width: 0;
}
.post-card:hover{
    border:1px solid #ccc;

}
.post-card:hover>img{
    border-radius: 50%;
}

.post-card> *{
    width:100%;
}

.post-card>img{
    position:relative;
    height:200px;
    object-fit: cover;
    object-position: center 80%;
    border-radius: 30px;
    transition:0.5s ease-in ;
}