/*

Blog Details

*/
.section-blog-details {
  margin: 2rem 0;
  opacity: 0;
  transition: all 1s;
}
.section-blog-details .container {
  max-width: 900px;
}
.section-blog-details .container p.date {
  font-weight: 600;
}
.section-blog-details .social-links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 10px;
}
.section-blog-details .social-links a {
  background-color: var(--primary);
  box-shadow: 0 10px 20px rgba(var(--primary-rgb), 0.3);
  height: 40px;
  width: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.section-blog-details .social-links a svg path {
  fill: var(--white);
}
.section-blog-details .social-links a:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.6);
}

.section-blog-details.scrolled-to {
  opacity: 1;
}

/*

Blog text

*/
.section-blog-text {
  opacity: 0;
  transition: all 1s;
  margin-top: -100px;
  margin-bottom: calc(4rem + 100px);
}
.section-blog-text .container {
  max-width: 900px;
}
.section-blog-text .container * {
  line-height: 2em;
}
.section-blog-text .container *:not(:last-child) {
  margin-bottom: 2em;
}

.section-blog-text.scrolled-to {
  opacity: 1;
  margin-top: 0;
  margin-bottom: 4rem;
}