h2 ~ p, h2 ~ ul, h2 ~ ol {
  line-height: 1.5em;
  padding: 15px 15px 15px 25px;
  position: relative;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: transform 0.3s ease;
  color: #333; /* Adjust the text color for visibility */
  background-color: white; /* Set a light background color for better visibility */
}

h2 ~ p:hover, h2 ~ ul:hover, h2 ~ ol:hover {
  transform: scale(1.05);
  background-image: linear-gradient(45deg, #f06, #09f, #6c0, #f06);
  background-size: 400% 400%;
  animation: rainbow 6s linear infinite;
  color: white; /* Change text color on hover for contrast */
}

@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

h2 ~ p::before, h2 ~ ul::before, h2 ~ ol::before,
h2 ~ p::after, h2 ~ ul::after, h2 ~ ol::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}

h3 ~ p, h3 ~ ul, h3 ~ ol {
  line-height: 1.5em;
  padding: 15px 15px 15px 25px;
  position: relative;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: transform 0.3s ease;
  color: #333; /* Adjust the text color for visibility */
  background-color: white; /* Set a light background color for better visibility */
}

h3 ~ p:hover, h3 ~ ul:hover, h3 ~ ol:hover {
  transform: scale(1.05);
  background-image: linear-gradient(45deg, #f06, #09f, #6c0, #f06);
  background-size: 400% 400%;
  animation: rainbow 6s linear infinite;
  color: white; /* Change text color on hover for contrast */
}

@keyframes rainbow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

h3 ~ p::before, h3 ~ ul::before, h3 ~ ol::before,
h3 ~ p::after, h3 ~ ul::after, h3 ~ ol::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
}

.attachment-featured_image.wp-post-image {
margin-left: auto;
margin-right: auto;
display: block;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 87rem;
    width: calc(100% - 8rem);
}
body {
    font-weight: 200;
}