*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{min-height:100svh;line-height:1.5;-webkit-font-smoothing:antialiased}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}h1,h2,h3,h4,button,input,label{line-height:1.1}ul[role=list],ol[role=list]{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block-start:5rem}#root,#__next{isolation:isolate}html{scroll-behavior:smooth}:root{--Very-Dark-Grayish-Blue: hsl(217, 19%, 35%);--Desaturated-Dark-Blue: hsl(214, 17%, 51%);--Grayish-Blue: #9eafc2;--Light-Grayish-Blue: hsl(210, 46%, 95%);--primary-text-color: var(--Very-Dark-Grayish-Blue);--secondary-text-color: var(--Desaturated-Dark-Blue);--accent-color: var(--Light-Grayish-Blue);--neutral-color: var(--Grayish-Blue);--fs-heading: 1rem;--fs-body: .8125rem;--ff: "Manrope", sans-serif;--fw-medium: 500;--fw-bold: 700}body{background-color:var(--Light-Grayish-Blue);font-family:var(--ff);font-style:normal;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--secondary-text-color);display:grid;place-content:center;min-height:100vh}.card{display:flex;flex-direction:column;max-width:20.4375rem;box-shadow:0 40px 40px -10px #c9d5e180;background-color:#fff;border-radius:.625rem;position:relative;transition:box-shadow .3s ease-in,transform .3s ease-in}.card:hover{box-shadow:0 50px 50px -10px #c9d5e1b3;transform:translateY(-3px)}.card__img{border-top-right-radius:.625rem;border-top-left-radius:.625rem}h1{font-size:var(--fs-heading);font-weight:var(--fw-bold);color:var(--primary-text-color)}.card__txt{padding:2rem}.card__txt h1{margin-bottom:.75rem;letter-spacing:.0125rem}.card__txt p{font-size:.8125rem;line-height:1.5}.card__info{padding:0 2rem 1.25rem;display:flex;gap:1rem;align-items:center}.author__info{display:flex;gap:1rem;align-items:center}.author__img{border-radius:50%;width:2.5rem;height:2.5rem}.author{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.author h2{font-size:.8125rem;font-weight:var(--fw-bold);color:var(--primary-text-color)}.author p{font-size:.625rem;color:var(--neutral-color)}.share-btn{border:none;width:2rem;height:2rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--Light-Grayish-Blue);z-index:999;position:absolute;right:1.5rem;bottom:1.5rem;transition:background-color .3s ease-in,transform .3s ease-in}.share-btn:focus-within{background-color:var(--Desaturated-Dark-Blue)}.share-btn:focus-within svg path{fill:#fff}.share-btn:active,.share-btn:focus{transform:scale(1.1)}.share-btn.active{background-color:var(--Desaturated-Dark-Blue);transform:scale(1.1)}.share-btn.active svg path{fill:#fff}.card__share{position:relative;width:100%;background-color:var(--Very-Dark-Grayish-Blue);padding:1.38rem 2rem;display:flex;align-items:center;gap:1rem;border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem;transition:opacity .3s ease-in,transform .3s ease-in;opacity:1;transform:translateY(0)}.card__share--active{opacity:1;transform:translateY(0)}.card__share h3{font-weight:var(--fw-medium);line-height:1.25rem;letter-spacing:.3125rem;color:var(--Grayish-Blue);text-transform:uppercase}.card__share__icons{display:flex;align-items:center;gap:.5rem}.card__share__icons img{cursor:pointer;width:1.15rem;height:1.15rem}@media screen and (min-width: 895px){.card{flex-direction:row;max-width:45.625rem;position:relative}.card__img{border-top-right-radius:.625rem;border-bottom-left-radius:.625rem;border-top-right-radius:0;max-width:18rem}.card__share{width:15.5rem;padding:1.12rem 2.31rem;border-bottom-left-radius:0;border-bottom-right-radius:0;position:absolute;bottom:5rem;right:-5rem;border-radius:.625rem;display:flex}.card__share:after{content:"";position:absolute;bottom:-.625rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid var(--Very-Dark-Grayish-Blue);z-index:1}}.hidden.hidden{display:none;opacity:0;transform:translateY(10px)}