@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");

* {
    padding: 0px;
    margin: 0px;
    background-color: #FAFAFA;
    font-family: "Quicksand", sans-serif;
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    margin-bottom: 70px;
}

.card-body {
    /* padding: 2em; */
    max-width: 550px;
    border-radius: 1em;
    margin: auto;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 13px -4px rgba(0, 0, 0, 0.21);
    box-shadow: 2px 2px 13px -4px rgba(0, 0, 0, 0.21);
    width: 400px;
    height: 500px;
    margin-top: 70px;
    display: grid;
    grid-template-rows: 6fr 5fr 2fr;
}

.img-div {
    background-size: cover;
    border-radius: 1em 1em 0em 0em;
}

.descrip-div {
    background-color: #ffffff;
    padding: 1em;
}

.user-div {
    background-color: #ffffff;
    border-radius: 0em 0em 1em 1em;
    padding: 0.5em;
    display: grid;
    grid-template-columns: 1fr 6fr;
}

.user-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.details {
    background-color: #ffffff;
    display: grid;
    grid-template-columns: 3fr 1fr;
}

.read-more {
    background-color: #ffffff;
}

.user-details {
    background-color: #ffffff;
}

small,
h2 {
    background-color: #ffffff;
}

a {
    background-color: #ffffff;
    color: #4b5956;
}