*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:.8125rem}body{font-family:"Manrope",Arial,Helvetica,sans-serif;background-color:var(--color-bg);min-height:100vh}address{font-style:normal}img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:0;object-position:0}ul li{list-style-type:none}h1,h2,h3,strong{color:var(--color-primary-1);font-weight:700}p{color:var(--color-primary-2);font-weight:500;line-height:1.6}time{color:var(--color-primary-3)}:root{--color-primary-1: hsl(217, 19%, 35%);--color-primary-2: hsl(214, 17%, 51%);--color-primary-3: hsl(212, 23%, 69%);--color-bg: hsl(210, 46%, 95%);--color-surface: hsl(0, 0%, 100%);--spacing-xs: 0.5rem;--spacing-sm: 0.75rem;--spacing-md-1: 1rem;--spacing-md-2: 1.5rem;--spacing-lg-1: 2rem;--spacing-lg-2: 2.5rem;--spacing-xl: 4rem}.article{display:flex;flex-direction:column;gap:var(--spacing-lg-1);border-radius:1rem;box-shadow:5px 16px 30px 0px rgba(158,175,194,.35);max-width:31rem;overflow:hidden;background-color:var(--color-surface)}.article__content,.article__header{display:grid}.article__header,.article__author-section,.article__share-menu{padding-inline:var(--spacing-lg-2)}.article__image{height:14rem}.article__header{gap:var(--spacing-md-1)}.article__content{gap:var(--spacing-md-1)}.article__title{font-size:clamp(1.2rem,.8rem + 1.387vw,1.6rem)}.article__footer{position:relative}.article__author-section,.article__author{display:flex}.article__author-section,.article__share-menu{padding-block:var(--spacing-sm)}.article__author-section{justify-content:space-between;align-items:center}.article__author{align-items:center;gap:var(--spacing-md-2)}.article__author-avatar{border-radius:100%;max-height:3rem}.article__share-menu{position:absolute;top:0;display:none;align-items:center;gap:var(--spacing-md-2);width:100%;height:100%;background-color:var(--color-primary-1);opacity:0;transition:transform .3s linear,opacity .3s linear;animation:fade-in .3s linear}.article__share-menu a{min-width:1.538rem}.article__share-menu .share-menu__text{color:var(--color-primary-3);font-weight:500;letter-spacing:.3rem;text-transform:uppercase}.article__share-menu .share-menu__social-media{display:flex;gap:var(--spacing-md-2)}.article .share-menu--active{opacity:1}.article .article__author-section:has(+.share-menu--active) .share-button{background-color:var(--color-primary-2)}.article .article__author-section:has(+.share-menu--active) .share-button svg path{fill:#fff}.share-button{z-index:2;display:grid;place-content:center;border:none;border-radius:100%;height:2.3rem;width:2.3rem;padding:.6rem;background-color:var(--color-bg);cursor:pointer}.share-button svg{width:15px;height:13px}main{display:grid;height:97vh;place-content:center}.article-section{margin-inline:auto;padding:var(--spacing-xl) var(--spacing-lg-1);width:-moz-fit-content;width:fit-content}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media screen and (min-width: 48em){.article{flex-direction:row;align-items:center;overflow:unset;gap:0;max-width:53.5rem}.article__image{border-top-left-radius:1rem;border-bottom-left-radius:1rem;width:21rem;height:21rem}.article__content{padding-block:var(--spacing-md-2)}.article__title{font-size:1.6rem}.article__share-menu{top:-5.5rem;right:3.7rem;border-radius:1rem;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:var(--spacing-md-2) var(--spacing-lg-2);transform:translateY(0) translateX(50%)}.article__share-menu::before{content:"";position:absolute;top:1.5rem;left:50%;z-index:-1;height:3.076rem;width:3.076rem;min-height:35px;min-width:35px;background-color:var(--color-primary-1);transform:translateX(-50%) rotate(45deg)}}/*# sourceMappingURL=style.css.map */