.content {
    max-width: 91.5rem;
    padding: 1rem;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 2rem;
}

.post-thumbnail {
    width: 100%;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 2rem;
}

.content__post-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.content__public-date {
    padding: .5rem;
    border-radius: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.content__category {
    background: #FFFFFF;
    color: #000000;
    padding: .5rem;
    border-radius: .5rem;
    font-size: .75rem;
}

.content__head {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}

.content__body p {
    line-height: 1.5rem;
}

.content__body a {
    color: #25e39a;
}

.content__body blockquote{
    background:#000C13;  
    color: #FFFFFF;
    font-size: 1rem;
    border: 1px solid #173243;
    border-radius: 0.25rem;
    padding: 2rem;
    margin: 0;
    clear: both;
}
.content__body blockquote:before {
    color: #25e39a;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.content__body blockquote, q {
    quotes: "\201C""\201D""\2018""\2019";
}


.content__body ol {
  counter-reset: li;
  padding-left: 2.5rem;
  padding: 0.25rem 0 0.25rem 2.75rem;
}
.content__body ol small {
  opacity: 0.3;
}
.content__body ol ol, .content__body ol ul {
  padding: 0.75rem 0 0 1.5rem;
}
.content__body ol li {
  margin-bottom: 0.375rem;
}
.content__body ol > li {
  position: relative;
  counter-increment: li;
  min-height: 2rem;
  padding-top: 0.5rem;
  list-style: none;
}
.content__body ol > li::before, .content__body ol > li::after {
  position: absolute;
  display: flex;
}
.content__body ol > li::before {
  content: counter(li);
  left: -2.75rem;
  top: 0;
  height: calc(2rem - 1px);
  width: calc(2rem - 1px);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #716C8B;
  border: 1px solid #716C8B;
}
.content__body hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #716C8B;
  margin: 1em 0;
  padding: 0;
}
.content__body ul {
    padding: 0 0 0 2rem;
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
    list-style: none;
}
.content__body ul > li {
    display: flex;
    gap: 0.5rem;
    flex-flow: column;
    align-items: start;
    position: relative;
}
.content__body ul > li:before {
    position: absolute;
    left: -2rem;
    top: 0;
    content: '';
    display: block;
    width: 1rem;
    flex: 0 0 auto;
    height: 1rem;
    background-position: center;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14.0001C10.866 14.0001 14 10.8661 14 7.00006C14 3.13407 10.866 6.10352e-05 7 6.10352e-05C3.13401 6.10352e-05 0 3.13407 0 7.00006C0 10.8661 3.13401 14.0001 7 14.0001ZM6.02697 4.41175L4.49458 5.78697C4.17982 6.06946 4 6.47244 4 6.89538C4 7.71789 4.66678 8.38468 5.4893 8.38468H6.4V8.71696C6.4 9.15886 6.10996 9.54836 5.6866 9.67501L4.6 10.0001H9.4L8.3134 9.67501C7.89004 9.54836 7.6 9.15886 7.6 8.71696V8.38468H8.5107C9.33322 8.38468 10 7.71789 10 6.89538C10 6.47244 9.82018 6.06946 9.50542 5.78697L7.97303 4.41175C7.72606 4.19011 7.51757 3.92902 7.35606 3.63913L7 3.00006L6.64395 3.63913C6.48243 3.92903 6.27395 4.19011 6.02697 4.41175Z' fill='%23716C8B'/%3E%3C/svg%3E%0A");
}