.row{
    justify-content: center;
  }
  .post-content {
      position: relative;
      margin-top: 50px;
      margin-bottom: 50px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
      padding: 10px;
      color: black;
      text-align: justify;
  }
  .post-content h1{
      text-align: center;
      padding: 8px;

  }
  .post-content p{
      padding: 8px;
  }
  
  #myBtn {
  display: none; 
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px; 
  right: 30px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: red;
  color: white;
  cursor: pointer; 
  padding: 10px; 
  border-radius: 50px; 
  font-size: 20px; 
  font-weight: 700;
  }
  #myBtn:hover{
      background-color: green;
      transition: all 0.5s ease-in;
  }
  /* Style the share button */
  #share-button {
      position: absolute;
      right: 10px;
      bottom: 10px;
      width: 40px;
      height: 40px;
      background-color: #007bff;
      color: white;
      padding: 5px;
      border: none;
      cursor: pointer;
      border-radius: 50px;
      font-size: 18px;

  }

  /* Style for the social media icons */
  #social-icons {
      position: absolute;
      right: 60px;
      bottom: 15px;
      display: none;
      margin-top: 10px;


  }

  #social-icons a {
      text-decoration: none;
      margin-right: 10px;
      font-size: 24px;
      display: inline-block;

  }

  #social-icons a:hover {
      opacity: 0.8;
  }

  #blog-title {
    /* font-size: 24px; */
    font-weight: bold;
}

#blog-image {
    max-width: 100%;
    margin: 10px 0;
}

#blog-description {
    font-size: 18px;
    margin-top: 10px;
}