.post-share{border:2px solid var(--grey);border-radius:50px;flex-direction:column;gap:20px;padding:10px;display:inline-flex}.post-share a{background:var(--dark-grey);border-radius:100%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex}@media (hover:hover){.post-share a:hover{background:var(--pink);transform:scale(1.1)}}.post-share a svg{width:60%;height:auto;fill:var(--beige)}
section.post-banner{background:var(--light-pink);color:var(--black);padding:2em 0;overflow-x:clip}section.post-banner:before{content:"";background:var(--light-pink);width:100%;height:200px;display:block;position:absolute;bottom:100%;left:0}section.post-banner .decoration-1{background:var(--pink);width:100px;height:20px;position:absolute;top:70%;left:-20px;transform:rotate(-10deg)}@media (max-width:800px){section.post-banner .decoration-1{display:none}}section.post-banner .decoration-2{background:var(--pink);border-radius:100%;width:100px;height:100px;position:absolute;top:20%;right:150px;transform:rotate(-10deg)}@media (max-width:800px){section.post-banner .decoration-2{right:-40px}}section.post-banner .decoration-3{background:var(--pink);width:300px;height:30px;position:absolute;top:-100px;right:100px;transform:rotate(-60deg)}@media (max-width:800px){section.post-banner .decoration-3{display:none}}section.post-banner h1{text-wrap:balance;max-width:1000px;margin-bottom:40px}@media (max-width:500px){section.post-banner h1{font-size:var(--font-h5)}}section.post-banner .meta{align-items:center;gap:20px var(--gap-medium);flex-wrap:wrap;display:flex}section.post-banner .meta .item{text-wrap:balance;flex-direction:column;align-items:flex-start;font-weight:500;display:inline-flex}section.post-banner .meta .item.min-width{min-width:200px}section.post-banner .meta .item em{color:var(--pink);font-style:normal}section.post-banner .meta .item span{font-size:var(--font-large)}@media (max-width:500px){section.post-banner .meta .item span{font-size:var(--font-small)}}section.post-banner .author{background:var(--white);font-size:var(--font-large);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:8px 20px 8px 8px;display:inline-flex}section.post-banner .author img{border-radius:100%;width:50px}
nav.section-nav{flex-direction:column;grid-area:nav;gap:1em;display:flex;position:sticky;top:20px;left:0}@media (max-width:1000px){nav.section-nav{position:relative;top:0}}nav.section-nav a{color:var(--text-color);font-size:20px;font-weight:700;text-decoration:none}nav.section-nav a.active,nav.section-nav a:hover{color:var(--pink)}