.blog-h1{
    font-size:43px;
    font-weight:400;
    text-align: center;
    margin-top:30px;
    letter-spacing: 0.5px;
}
.blog-p-tag{
    font-size:20px;
    font-weight:400;
    text-align: center;
    color:grey;
    letter-spacing: 0.4px;
    margin-top:10px
}

.blog-detail-img{
    
    height:400px;
    object-fit:contain;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .blog-detail-img{
        width:100%;
        height:auto
    }
}
.author-detail{
    font-size:16px;
    font-weight:500;
    letter-spacing:0.1px;
    margin-top:20px;
    text-align: center;
    text-align: justify;
}

.author-img{
    width:500px;
    height:500px;
    margin-top:20px
}
@media only screen and (min-width:320px) and (max-width:768px){
    .author-img{
        width:100%;
        height:auto;
        margin-top:20px
    }
}
.author-h2{
    font-size:30px;
    font-weight:500;
    letter-spacing:0.2px;
    margin-top:40px;
    color:#595754;
    text-align: justify;
}

.author-h3{
    font-size:27px;
    font-weight:500;
    letter-spacing:0.2px;
    margin-top:40px;
    color:#494847;
    text-align: justify;
}

.author-h4{
    font-size:23px;
    font-weight:500;
    letter-spacing:0.2px;
    margin-top:40px;
    color:#2c2c2b;
    text-align: justify;
}

.author-h5{
    font-size:20px;
    font-weight:500;
    letter-spacing:0.2px;
    margin-top:40px;
    color:#1f1e1e;
    text-align: justify;
}

.author-h6{
    font-size:17px;
    font-weight:500;
    letter-spacing:0.2px;
    margin-top:40px;
    color:#0c0c0c;
    text-align: justify;
}

.author-detail-list{
    font-size:20px;
    font-weight:400;
    letter-spacing: 0.1px;
    margin-top:15px
}

.related-post-img{
    width:100%;
    height:200px
}

.related-blog-button{
    background-color:#ffc107;
    border-radius:15px;
    border:solid 1px #ffc107;
    color:white;
    margin: 5px;
    padding-left: 15px;
     padding-right: 15px;
      padding-top: 5px;
       padding-bottom: 5px;

}


.related-blog-button:hover{
    background-color: #003399;
    border-radius:15px;
    border:solid 1px #003399;
    color:white;
    margin: 5px;
    padding-left: 15px;
     padding-right: 15px;
      padding-top: 5px;
       padding-bottom: 5px;

}
.post-img {
    width: 100%;
    /* max-width: 500px; */
    height: 553px;
    border-radius: 5px;
    object-fit: cover;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .post-img{
        width:100%;
        height:auto;
        border-radius:5px
    }

    .related-blog-button{
    background-color:#ffc107;
    border-radius:15px;
    border:solid 1px #ffc107;
    color:white;
    margin: 0px;
    padding-left: 15px;
     padding-right: 15px;
      padding-top: 5px;
       padding-bottom: 5px;
}

}
.post-bg{
    background-color:rgb(242, 245, 247);
    border-radius:5px
}

.post-heading{
    font-size:30px;
    font-weight:500;
    color:#595754;
}
.post-card-text{
    font-size:12.5px;
    font-weight:500
}

.load-button{
    font-size:20px;
    font-weight:500;
    color:black
}

.load-button:hover{
    font-size:20px;
    font-weight:500;
    color:red
}