@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
  margin: 0px;
  padding: 0px;
  font-family: "Poppins", sans-serif;
}

#blogPostSection {
  padding: 2vw;
}

article {
  padding: 2vw;
  max-width: 768px;
  overflow: hidden;
  position: relative;
  top: 30px;
}

article header {
  border: 0px solid red;
}

article header .post-title {
  border: 0px solid #82DE00;
  font-size: 2em;
 color : #d32f2f;
  font-family: "Poppins", sans-serif;
}

.post-profile-card {
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 2vw 0vw;
}

.post-authorprofileimg {
  width: 3em;
  height: 3em;
  border: 0px solid red;
  border-radius: 50%;
}

.post-profile-card .post-author {
  border: 0px solid #82DE00;
  font-size: 0.9em;
  margin: 0vw 2px;
}

.post-profile-card .post-date {
  border: 0px solid #82DE00;
  font-size: 0.9em;
 margin: 0vw 2px;
}

.post-banner {
  border: 0px solid red;
  width: 100%;
  height: auto;
  border-radius: 2px;
}
.post-summary{
  background: #FFD8D894;
  border: 0px;
  border-left: 2px solid #D32F2F;
  padding: 0.5em;
  border-radius: 2px;
  color: #000000BF;
}

.post-content {
   width: 100%;
}

.post-content section {
  width: 100%;
  margin: 2em 0vw;
}

.post-content section ul {
  width: 100%;
}

.post-content section h2 {
  padding: 1em 0vw;
  color: #d32f2f; 
  font-weight: 1000;

}

.post-content section h3 {
  padding: 1em 0vw;
  color: #F24343;
}
.post-content section h4{
  padding: 0.2em 0vw;
  color: #E13F3FF0;
}
.post-content section ul li {
  list-style: none;
}

.post-content section p {
  font-size: 1.18em;
  font-weight: 500;
  line-height: 1.4em;
   font-family: "Poppins", sans-serif;
}
.post-content section strong {
  color: #FF4B4BED;
}
.post-content section a{
  color: #FF1010;
  font-size: 1em;
  
}