#hero{view-transition-name:--post-thumb;overflow:hidden;position:relative}#hero:after{background:hsla(0,0%,6%,.471);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}#hero .container{position:relative;z-index:1}#hero h1{margin:0 auto 40px}#hero .author{align-self:center;color:var(--color-white);gap:15px;justify-content:center;margin-bottom:90px}#hero .author img{border-radius:50%;height:70px;width:70px}#hero .author .author-info{font-family:var(--secondary-font-family);font-size:16px;font-weight:600;text-align:left}@media only screen and (max-width:767px){#hero .author{justify-content:flex-start}}#post{padding:0;position:relative}#post .container{background-color:var(--color-white);border-radius:20px 20px 0 0;margin-top:-80px;padding:80px 0 150px}#post .post-content{margin-inline:auto;max-width:850px;position:relative}#post .post-content h2,#post .post-content h3,#post .post-content h4{letter-spacing:normal;margin-bottom:10px;max-width:none}#post .post-content h2{font-size:26px}#post .post-content h3{font-size:24px}#post .post-content h4{font-size:22px}#post .post-content figure{background-size:contain;margin-bottom:30px;text-align:center}#post .post-content img{border-radius:20px;margin-inline:auto}@media only screen and (max-width:767px){#post .post-content{padding:40px 20px 100px}#post .post-content h2{font-size:22px}#post .post-content h3{font-size:20px}#post .post-content p{font-size:16px}}