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