@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";
.blogscontainer{flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin-block:2rem;display:flex}.blogscard{background:linear-gradient(90deg,#fff,#ece9e6);border-radius:1em;flex-direction:column;width:clamp(20rem,20rem + 2vw,22rem);display:flex;overflow:hidden;box-shadow:0 .1rem 1rem #0000001a}.blogscard__body{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.blogstag{border-radius:1em;align-self:flex-start;padding:.25em .75em;font-size:.75rem}.blogstag+.blogstag{margin-left:.5em}.blogstag-blue{color:#fafafa;background:linear-gradient(#2f80ed,#56ccf2)}.blogstag-brown{color:#fafafa;background:linear-gradient(#ffd194,#d1913c)}.blogstag-red{color:#fafafa;background:linear-gradient(#ef473a,#cb2d3e)}.blogscard__body h4{text-transform:capitalize;font-size:1.5rem}.blogscard__footer{margin-top:auto;padding:1rem;display:flex}.blogsuser{gap:.5rem;display:flex}.blogsuser__image{border-radius:50%}.blogsuser__info>small{color:#666}