.read-article{
    margin:auto;
    max-width: 90%;
    border:none;
    background-color:transparent;
}
#content{
    margin:auto;
    max-width:80ch;
}
#content > img{
    width:100%;
}
.blog-par{
    font-size:18px;
    margin:auto;
    max-width:70ch;
    padding:25px 0px 25px 0px;
    text-align: justify;
    text-indent: 2em;
    line-height: 30px;
}
#blogarea, #blogdetails, #editor{
    width:80ch;
    padding-top:40;
    margin:auto;

    display:flex;
    flex-direction: column;
    border-top:4px double orange;
}
#blogarea > p{
    line-height: 30px;
    font-size:18px;
    text-indent: 2em;
}

.ct{
    
    display:flex;
    flex-wrap: wrap;
    gap:16px;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px orange solid;
}
.fig{
    display: flex;
    flex-direction: column;
    font-size: 11px;
}
.det{
    border:none;
    background-color: transparent;
    width:max-content;
    margin-bottom:4px;
    display:flex;
    flex-direction: column;
    font-size:1rem;
    max-width:12ch;

}

.det:hover{
    cursor: pointer;
    color: green;
}

.im_prev_blog{
    max-width:120px;
}
.feature-blog-par{
    max-width:75ch;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
    text-align: justify;
}

.feature-blog-img{
    width:100%;
    margin:auto;
    margin-top:50px;
    margin-bottom:50px;
}