.blog-card
    {
        text-align:left;
        background-color: hsl(0, 0%, 100%);
        border-radius: 15px;
        padding: 16px;
        margin: 0px auto;
        max-width: 375px;
        min-height:100%;
        border: 1px solid;
        box-shadow: 8px 10px 0px hsl(0, 0%, 7%);
        
    }

    .blog-card img 
    {
        border-radius: 15px;
    }

    .name-container
    {
        border-radius: 8px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        color: hsl(0, 0%, 7%);
        font-weight: 800;
        max-width: 60px;
        min-height: 30px;
        padding: 0 10px;
        background-color: hsl(47, 88%, 63%);
    }

    p
    {
        color: hsl(0, 0%, 7%);
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
        
    }

    .description
    {
        color: hsl(0, 0%, 42%);
    }

    .author
    {
        align-items: left;
        justify-content: center;
        color: hsl(0, 0%, 7%);
        font-size: 14px;
        font-weight: 800;
        margin-top: 20px;
    }

    .author img
    {
        vertical-align: middle;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    body 
    {
        background-color: hsl(47, 88%, 63%);
        display: flex;
        margin: 0;
        font-family: 'Figtree';
        align-items: center;
        justify-content: center;
        min-height:100vh;
    }