*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-yellow);font-family:var(--font-figtree);overflow:hidden}main{display:flex;height:100vh;flex-direction:column;justify-content:center;align-items:center}h1{width:100%;padding-inline:40px;position:absolute;top:40px;text-align:center}._blogCardContainer_1rf93_1{background-color:var(--color-white);width:fit-content;max-width:100%;margin:auto;padding:var(--spacing-300);border-radius:20px;display:flex;flex-direction:column;gap:var(--spacing-300);position:relative;z-index:100;border:1px solid var(--color-gray-950);box-shadow:8px 8px #000}._blogPostImage_1rf93_17{width:100%;max-width:27ch;border-radius:10px;align-self:start}._blogPostContentGroup_1rf93_24{display:flex;flex-direction:column;max-width:27ch;gap:var(--spacing-150)}._postTag_1rf93_31{text-align:center;background:var(--color-yellow);width:fit-content;padding:var(--spacing-50) var(--spacing-150);border-radius:var(--spacing-50)}._postDescription_1rf93_39{min-width:20ch;max-width:31ch}._avatarGroup_1rf93_44{display:flex;gap:var(--spacing-150);align-items:center}._avatarImg_1rf93_50{width:32px;height:32px;object-fit:cover;border-radius:50%}._avatarName_1rf93_57{font-size:14px;font-weight:var(--weight-bold);line-height:150%;color:var(--color-gray-950)}@media (min-width: 420px){._blogPostImage_1rf93_17,._blogPostContentGroup_1rf93_24{max-width:31ch}}:root{--color-yellow: hsl(47deg, 88%, 63%);--color-gray-950: hsl(0deg, 0%, 7%);--color-gray-500: hsl(0deg, 0%, 42%);--color-white: hsl(0deg, 0%, 100%);--font-figtree: Figtree;--spacing-300: 24px;--spacing-150: 12px;--spacing-100: 8px;--spacing-50: 4px;--weight-bold: 800;--weight-regular: 500}.TextPreset1,.TextPreset2,.TextPreset3,.TextPreset3Bold,.TextLearn{line-height:150%;letter-spacing:0px;font-style:normal}.TextPreset1,.TextPreset3,.TextPreset3Bold,.TextLearn{color:var(--color-gray-950)}.TextPreset1{font-size:20px;font-weight:var(--weight-bold)}.TextPreset2{font-size:14px;font-weight:var(--weight-regular);color:var(--color-gray-500)}.TextPreset3{font-size:12px;font-weight:var(--weight-regular)}.TextPreset3Bold{font-size:14px;font-weight:var(--weight-bold)}.TextLearn{font-size:12px;font-weight:var(--weight-bold)}@media (min-width: 420px){.TextPreset1{font-size:var(--spacing-300)}.TextPreset2{font-size:16px}.TextPreset3,.TextLearn{font-size:14px}}