main.container {
  margin: 80px auto; }

.post {
  margin: 0 auto;
  width: 70%; }

.featured-img {
  margin-bottom: 40px; }

.featured-img img {
  width: 100%;
  height: 600px; }

.post h1 {
  margin-bottom: 8px;
  font: normal normal bold 36px/56px Poppins; }

.meta {
  margin-bottom: 24px;
  font: normal normal normal 14px/40px Poppins; }

.meta img {
  width: 24px;
  height: 24px; }

.content {
  margin-bottom: 24px;
  font: normal normal normal 16px/40px Poppins; }

.content p {
  margin-bottom: 16px; }

.social-share {
  margin-bottom: 24px;
  display: flex;
  align-items: center; }

.social-share label {
  font-size: 16px; }

.share {
  margin-left: 24px;
  display: flex; }

.share-link {
  margin-right: 16px;
  display: inline-block;
  width: 32px;
  height: 32px; }

.share-link img {
  object-fit: contain; }

.author {
  margin-bottom: 24px;
  padding: 24px;
  width: 638px;
  background-color: #f1f3f5;
  display: inline-flex; }

.author > img {
  width: 229px;
  height: 229px;
  object-fit: contain; }

.author-details {
  padding: 10px 20px; }

.author-tag {
  font: normal normal 600 14px/38px Poppins;
  color: #6000b8;
  margin-bottom: 10px; }

.author-name {
  font: normal normal 600 26px/38px Poppins;
  margin-bottom: 8px; }

.author-desc {
  font: normal normal normal 16px/25px Poppins;
  color: #747474;
  margin-bottom: 20px; }

.social-f {
  width: 36px;
  height: 36px; }

.social-f img {
  width: 24px;
  height: 24px; }

@media screen and (max-width: 800px) {
  main.container {
    margin: 40px 0; }
  .post {
    width: unset; }
  .featured-img {
    margin-bottom: 24px; }
  .featured-img img {
    height: 320px; }
  .post h1 {
    font: normal normal bold 24px/46px Poppins; }
  .meta {
    font-size: 14px;
    margin-bottom: 16px; }
  .author {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
  .author-details {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; } }