/* Global */
@font-face { /* normal */
    font-family: "figtree";
    src: url("../assets/fonts/Figtree-VariableFont_wght.ttf");
}
@font-face { /* Italic */
    font-family: "figtree";
    src: url("../assets/fonts/Figtree-Italic-VariableFont_wght.ttf");
    font-style: italic;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: "figtree";
    display: grid;
    place-items: center;
    background: hsl(47, 88%, 63%);
    min-height:100vh;
    min-height: 100dvh;
}
article{
    background: white;
    border-radius: 5px;
    border: solid 1px black;
    box-shadow: 5px 5px 0 black;
    width: 23rem;
    display: flex;
    flex-direction: column;
    padding: 1.5em;
    border-radius: 1rem;
}
article img{
    border-radius: 1rem;
}
article .tag{
    background: hsl(47, 88%, 63%);
    padding: .5em .8em;
    width: fit-content;
    margin: 1em 0;
    font-weight: 800;
    font-size: 15px; 
    border-radius: 5px
}
article .title{
    font-size: 1.5rem;
    font-weight: 800;
    margin: 1rem 0 ; 
}
article p{
    font-size: 16px;
    font-weight: 500;
    margin: 1rem 0 ;
    color: hsl(0, 0%, 42%);
}
article .publisher{
    display: flex;
    align-items:center;
    gap: .5rem;
    font-weight: 800;
    font-size: 14px;
}
article .publisher img{
    width: 40px;

}