*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--darkGrayishBlue: hsl(217, 19%, 35%);--desaturatedDarkBlue: hsl(214, 17%, 51%);--grayishBlue: hsl(212, 23%, 69%);--lightGrayishBlue: hsl(210, 46%, 95%)}body{font-family:Manrope,sans-serif;display:grid;place-content:center;height:100vh;background:var(--lightGrayishBlue);gap:1rem}body .attribution{font-size:11px;text-align:center}body .attribution a{color:#3e52a3}body .flex{display:flex;align-items:center}body .card{display:grid;grid-auto-columns:1fr;max-width:800px;margin:0 auto;grid-template-areas:"drawers drawers card card card"}body .card #drawers{grid-area:drawers}body .card .card-body{grid-area:card}body .card>img{width:100%;border-radius:.5rem 0 0 .5rem;aspect-ratio:660/528}@media screen and (max-width: 850px){body .card{margin:0 1rem;grid-template-areas:"drawers" "card"}body .card>img{border-radius:.5rem .5rem 0 0}body .card .card-body{border-radius:0 0 .5rem .5rem}body .card .card-body .card-footer .share .share-links.show{bottom:-.35rem;left:unset;right:3rem}body .card .card-body .card-footer .share .share-links.show:after{top:15%;left:100%;rotate:-90deg}}body .card .card-body{border-radius:0 .5rem .5rem 0;padding:1.7rem 2rem;justify-content:space-between;flex-direction:column;gap:.7rem;background-color:#fff}body .card .card-body p:first-child{color:var(--darkGrayishBlue);font-size:1.2rem;font-weight:700}body .card .card-body p:nth-child(2){color:var(--desaturatedDarkBlue);font-size:.75rem;font-weight:500}body .card .card-body .card-footer{width:100%;justify-content:space-between}body .card .card-body .card-footer .author img{border-radius:50%;width:2.5rem;margin-right:.65rem}body .card .card-body .card-footer .author .author-info{flex-direction:column;align-items:flex-start;line-height:1.2}body .card .card-body .card-footer .author .author-info .author-name{color:var(--darkGrayishBlue);font-weight:700}body .card .card-body .card-footer .author .author-info time{color:var(--grayishBlue)}body .card .card-body .card-footer .share{position:relative;cursor:pointer}body .card .card-body .card-footer .share>div{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--desaturatedDarkBlue);border-radius:50%}body .card .card-body .card-footer .share .share-links{display:none;position:absolute;bottom:2.75rem;left:-6rem;background:var(--darkGrayishBlue);border-radius:.5rem;padding:1.5rem;width:max-content;gap:1rem;color:var(--grayishBlue);font-size:1rem}body .card .card-body .card-footer .share .share-links.show{display:flex}body .card .card-body .card-footer .share .share-links>div{font-size:.8rem;cursor:default}body .card .card-body .card-footer .share .share-links:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.5rem solid transparent;border-top-color:var(--darkGrayishBlue)}