@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--yellow: hsl(47, 88%, 63%);--white: hsl(0, 0%, 100%);--gray-500: hsl(0, 0%, 42%);--gray-950: hsl(0, 0%, 7%);--font-family: "Figtree", sans-serif;--font-size: 1rem;--font-normal: 500;--font-bold: 800}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;line-height:1.5}body{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-normal);color:var(--gray-500)}main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--yellow)}.card{background-color:var(--white);max-width:375px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;border:2px solid var(--gray-500);box-shadow:5px 5px 0 2px #000c}picture{width:100%;height:auto;border-radius:.5rem}picture .banner-img{width:100%;height:200px;border-radius:.5rem}article{display:flex;flex-direction:column;justify-content:center;gap:1rem}article .heading{font-size:1.3rem;font-weight:var(--font-bold);color:var(--gray-950);order:3}article .btn-wrapper{display:flex;flex-direction:column;gap:.7rem}article .btn{background-color:var(--yellow);width:fit-content;font-weight:var(--font-bold);font-size:15px;padding:.25rem .7rem;border:none;order:1}article .btn:hover{background-color:var(--gray-500);color:var(--white);cursor:pointer}article .subtext{order:4;font-size:.9rem}article .date{order:2;font-size:15px;color:#000}.profile{display:flex;align-items:center;gap:.5rem;order:5}.profile .profile-img{width:30px}.profile .profile-text{font-size:14px;font-weight:var(--font-bold);color:#000}