@import url(style.css);


:root{
    --bgcolor: #ffff;
    --offbg:#dfdcdc;
    --primary: #000000;
    --bgprimary:#2c2c2c;
    --peach:#eb9f7d;
}


.cover{
    height: 70px;
    background: black;
}.blog-cover{
    width:59%;
    height: auto;
    background: var(--offbg);
    margin: auto;
    border-radius: 18px;
    display: flex;
    margin-bottom: 50px;
    margin-top: 40px;
}.blog-cover .img-cover-main-blog{
    height: auto;
    width: auto;
    background: gray;
    border-radius: 18px;
    margin: 8px;
}.content-2  {
    text-align: right;
    color: var(--primary);
    margin: 15px;
}.content-2 > p{
    text-align: right;
    height:100px;
    overflow: hidden;
    color: var(--primary);
}.blog-cover h1{
    text-align: right;
    line-height: 30px;
    font-size: 29px;
    color: var(--primary);
}
.blog-cover .img-cover-main-blog img{
    width: 180px;
    height: 100%;
    border-radius: 18px;
}.blog-detail{
    height:auto;
    width: 60%;
    background: var(--offbg);
    margin: auto;
    border-radius: 18px;
    margin-bottom: 70px;

}.para{
    
    padding: 20px;
}.para h2,p{
    text-align: start;
    color: var(--primary);
   
}.para h4{
    color: var(--primary);

}.blog-detail .para:nth-child(1){
    display: none;
}
.footer-section p{
    color: var(--primary);
}
@media(max-width:776px){
   .blog-cover{
        width:85%;
    }.blog-detail{
        height:auto;
        width: 86%;
        background: #131313;
        margin: auto;
        border-radius: 18px;
        margin-bottom: 10px;
    
    }
    
}@media(max-width:576px){
    .blog-cover .content-2{
        display: none;
    }
    .blog-cover{
        width:75%;
        height: auto;
        /* background: var(--bg-black); */
        /* margin: auto; */
        border-radius: 18px;
        display: block;
        margin-bottom: 25px;
        margin-top: 35px;
    }.blog-cover .img-cover-main-blog{
        height: auto;
        width: auto;
        background: gray;
        border-radius: 18px;
        margin: auto;

        /* margin-left: 90px; */
    }.blog-cover .img-cover-main-blog img{
        width: 100%;
        height: 100%;
        border-radius: 18px;
    }.blog-detail{
        height:auto;
        width: 75%;
        background: #dfdcdc;
        margin: auto;
        border-radius: 18px;
        margin-bottom: 40px;
    
    }.blog-detail .para:nth-child(1){
        display: block;
    }
}