:root{--ff-sans: "Manrope", sans-serif;--fw-normal: 500;--fw-bold: 700;--fs-100: 0.625rem;--fs-200: 0.75rem;--fs-300: 0.8125rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 1.875rem;--fs-800: 2.25rem;--fs-900: 3rem;--lh-normal: 140%;--lh-moderate: 150%;--lh-expanded: 154%;--ls-normal: 0.12px;--ls-moderate: 0.2px;--ls-expanded: 5px;--clr-blue-dark: #48556a;--clr-blue-desat: #6d7f97;--clr-blue-gray: #9bacc0;--clr-blue-light: #ecf2f8;--clr-white: #ffffff;--clr-gray-blue: #6e8098;--clr-light-gray: #9daec2}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}picture,img{display:block}html{font-family:var(--ff-sans);font-weight:var(--fw-normal);font-style:normal;line-height:var(--lh-expanded);color:var(--clr-blue-dark);background-color:var(--clr-blue-light)}body{min-width:20rem}.main,.content{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}.main__wrapper,.content__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--clr-white);max-width:327px;box-shadow:0 40px 40px -10px rgba(201,213,225,.5);border-radius:10px;overflow:hidden}.main__image-container,.content__image-container{height:200px;width:100%}.main__image,.content__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 23%;object-position:50% 23%}.main__title,.content__title{font-size:var(--fs-400);line-height:var(--lh-moderate);letter-spacing:var(--ls-moderate);font-weight:var(--fw-bold);color:var(--clr-blue-dark)}.main__descr,.content__descr{margin-top:.75rem;font-size:var(--fs-300);line-height:var(--lh-expanded);letter-spacing:var(--ls-normal);font-weight:var(--fw-normal);color:var(--clr-gray-blue)}.main__author,.content__author{display:flex;width:100%;padding-inline:2rem;padding-bottom:1.25rem;position:relative}.main__author--name,.content__author--name{font-size:var(--fs-300);line-height:var(--lh-expanded);letter-spacing:var(--ls-moderate);font-weight:var(--fw-bold);color:var(--clr-blue-dark)}.main__author--image img,.content__author--image img{height:40px;width:40px;border-radius:100%}.main__author .container,.content__author .container{flex-direction:column;margin-left:1rem}.main__date,.content__date{font-size:var(--fs-300);line-height:var(--lh-expanded);letter-spacing:var(--ls-moderate);font-weight:var(--fw-normal);color:var(--clr-light-gray)}.main__text,.content__text{padding-block:2.25rem 2rem;padding-inline:2rem}.main__share,.content__share{position:absolute;right:2rem;bottom:1rem}.main__links,.content__links{display:none;position:relative;background-color:var(--clr-blue-dark);width:327px;height:64px;padding-inline:2rem;padding-block:1.375rem}.main__links .container,.content__links .container{display:flex}.main__links .content__share-links,.content__links .content__share-links{position:absolute;right:32px;bottom:9px}.main__links span,.content__links span{color:var(--clr-light-gray);letter-spacing:var(--ls-expanded);text-transform:uppercase;font-size:var(--fs-300);line-height:var(--lh-expanded);margin-right:17px}.main__links ul,.content__links ul{display:flex;list-style:none;gap:1rem}.content__links--desktop{display:none}@media(min-width: 800px){.content__wrapper{max-width:730px;display:grid;grid-template-columns:285px 1fr;height:280px;overflow:visible}.content__image-container{height:100%;max-width:285px;grid-column:1;grid-row:1/3;display:grid}.content__image{height:100%;grid-row:1/3;-o-object-fit:cover;object-fit:cover;-o-object-position:2% 0%;object-position:2% 0%;border-top-left-radius:10px;border-bottom-left-radius:10px}.content__text{grid-column:2;grid-row:1;padding-inline:2.5rem;padding-block:2rem 1.25rem}.content__author{grid-column:2;grid-row:2;padding-inline:2.5rem;padding-block:0 2rem}.content__title{font-size:var(--fs-500);line-height:1.75rem}.content__share{right:40px;bottom:30px}.content__links--desktop{display:none;position:absolute;background-color:var(--clr-blue-dark);width:248px;height:55px;padding-inline:1.25rem;padding-block:1.125rem;box-shadow:0 10px 10px 0 rgba(201,213,225,.5);border-radius:10px;right:-69px;bottom:97px}.content__links--desktop::after{content:"";height:0;width:0;position:absolute;left:50%;transform:translateX(-50%);border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);border-top:20px solid var(--clr-blue-dark);bottom:-10px}.content__links--desktop .container{display:flex;flex-direction:row;align-items:center}.content__links--desktop span{color:var(--clr-light-gray);letter-spacing:var(--ls-expanded);text-transform:uppercase;font-size:var(--fs-300);line-height:var(--lh-expanded);margin-right:17px;display:inline-block}.content__links--desktop ul{display:flex;list-style:none;gap:1rem;align-items:center;margin:0}.content__links--desktop li{display:flex;align-items:center}}