* , 
::after,
::before {
    padding: 0;
    margin : 0;
    box-sizing: border-box;
}

body {
    background : hsl(47, 88%, 63%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding : 1rem;
    min-height: 100vh;
    margin:0;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color : hsl(0, 0%, 42%);
}

.card-container {
    background : #fff;
    padding : 1rem;
    border : none;
    border-radius:.45rem;
    max-width: 19rem;
    box-shadow: #000 13px 2px;
}

.card-img-container {
    margin-bottom : 1rem
}
.article-category {
    padding : .45rem 1rem;
    border:none;
    background :hsl(47, 88%, 63%);
    border-radius: .15rem;
    margin-bottom:1rem;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

img {
    max-width: 100%;
    border-radius: .45rem;
}

.author-box  img {
    width:70%
}


.mb-1 {
    margin-bottom: 1rem;
}

.article-title , h4 {
    font-weight: 900;
    color:#000
}