.shimmer.article-shimmer{
        margin-top: 20px;
        display:grid;
        gap:5px
    }
    .skeleton{
       animation: shimmer 1s linear infinite alternate;
       border-radius:10px !important
    }
    @keyframes shimmer{
        0%{
            background-color: hsl(200, 20%, 80%)
        }
        100%{
            background-color: hsl(200, 20% 95%)
        }
    }
    .avatar{
        width:100% !important;
        height:230px;
    }
    .shimmer-headline{
        height:10px;
        width:80%
    }
    .shimmer-body div:last-child{
        width:40%
    }
    .shimmer-body{
        display:grid;
        gap:5px
    }
    .article-shimmer-group{
        display:grid;
        grid-template-columns: repeat(4,1fr);
        gap:10px
    }
    @media(max-width:768px){
        .article-shimmer-group{
            grid-template-columns: repeat(1,1fr);
        }
    }