@charset "UTF-8";
a {
  color: inherit;
  text-decoration: none;
}

.hueshift {
  animation: hueshift infinite alternate 1000ms;
}
@keyframes hueshift {
  0% {
    filter: hue-rotate(0);
  }
  100% {
    filter: hue-rotate(90deg);
  }
}

.text-xs {
  font-size: 0.2em;
}

.text-sm {
  font-size: 0.5em;
}

.text-md {
  font-size: 1em;
}

.text-lg {
  font-size: 2em;
}

.text-xl {
  font-size: 3em;
}

.text-xxl {
  font-size: 4em;
}

.text-xxxl {
  font-size: 5em;
}

.underline {
  text-decoration: underline;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

@font-face {
  font-family: RGHPPsans;
  src: url("/assets/font/RGHPP Sans.woff2") format("woff2");
  unicode-range: U+0020-00AD;
}
.font-comic-sans {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.font-revenge {
  font-family: RGHPPsans;
}

.font-roboto-thin {
  font-family: "Roboto Thin";
}

.font-roboto-light {
  font-family: "Roboto Light";
}

.font-roboto-medium {
  font-family: "Roboto Medium";
}

.font-roboto-black {
  font-family: "Roboto Black";
}

.font-roboto {
  font-family: Roboto;
}

.font-georgia {
  font-family: Georgia, serif;
}

@media (max-width: 750px) {
  .header {
    border-bottom: 1px dashed;
  }
}
@media (min-width: 750px) {
  .header {
    grid-column: 1;
    grid-row: 1/4;
  }
  .header {
    border-right: dashed 1px #2f2f2f;
  }
}
@media (min-width: 750px) and (prefers-color-scheme: dark) {
  .header {
    border-right: dashed 1px #2f2f2f;
  }
}
.header {
  border-color: #fff ;
}
@media (prefers-color-scheme: dark) {
  .header {
    border-color: #fff ;
  }
}

.header__skip-links {
  z-index: 100;
  overflow: hidden;
  position: absolute;
  left: -1000px;
}
.header__skip-links:focus {
  display: block;
  left: 0;
}
.header__skip-links {
  background-color: #000 ;
}
@media (prefers-color-scheme: dark) {
  .header__skip-links {
    background-color: #000 ;
  }
}

.header__list-container {
  height: 100%;
}
@media (min-width: 750px) {
  .header__list-container {
    height: fit-content;
    position: sticky;
    top: 0;
  }
}

.header__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
}
@media (min-width: 750px) {
  .header__list {
    flex-direction: column;
    top: 0;
  }
}
@media (max-width: 750px) {
  .header__list {
    width: 100%;
  }
}

@media (min-width: 750px) {
  .header__list-item {
    margin: 2em 0;
  }
}
.header__list-item:hover::after {
  top: 1px;
}

.footer {
  padding: 0.5em;
}
@media (min-width: 750px) {
  .footer {
    grid-column: span 1/3;
    grid-row: 3;
  }
}
@media (max-width: 750px) {
  .footer {
    grid-row: 4;
  }
}

.footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__site-attribute {
  position: relative;
}
.footer__site-attribute::before {
  content: url("/assets/img/copyleft.svg");
  position: absolute;
  height: 1em;
  width: 1em;
  left: -1.5em;
}
@media (prefers-color-scheme: dark) {
  .footer__site-attribute::before {
    filter: invert(100%);
  }
}

.home__title {
  text-shadow: -1px -1px 0 black;
  width: 100%;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  text-shadow: -1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black, 1px -1px black;
}
.home__title {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .home__title {
    color: #62e9d5 ;
  }
}
@media (max-width: 750px) {
  .home__title > span {
    font-size: 15lvw;
  }
}
@media (min-width: 750px) {
  .home__title > span {
    font-size: 175%;
  }
}
.home__title :nth-child(0) {
  animation-delay: 0ms;
}
.home__title :nth-child(1) {
  animation-delay: 100ms;
}
.home__title :nth-child(2) {
  animation-delay: 200ms;
}
.home__title :nth-child(3) {
  animation-delay: 300ms;
}
.home__title :nth-child(4) {
  animation-delay: 400ms;
}
.home__title :nth-child(5) {
  animation-delay: 500ms;
}
.home__title :nth-child(6) {
  animation-delay: 600ms;
}
.home__title :nth-child(7) {
  animation-delay: 700ms;
}
.home__title :nth-child(8) {
  animation-delay: 800ms;
}
.home__title :nth-child(9) {
  animation-delay: 900ms;
}
.home__title :nth-child(10) {
  animation-delay: 1000ms;
}

.home__the-meat-container {
  display: flex;
  position: relative;
  flex-flow: column;
  height: 100%;
}

.home__the-meat {
  align-self: center;
}

.home__latest-posts {
  border-radius: 0.5em;
  overflow: hidden;
}
.home__latest-posts {
  border: 1px solid #2f2f2f;
}
@media (prefers-color-scheme: dark) {
  .home__latest-posts {
    border: 1px solid #2f2f2f;
  }
}
.home__latest-posts > h2 {
  margin: 0;
  padding: 0 0.2em;
  color: white !important;
}
.home__latest-posts > h2 {
  background-color: #2f2f2f ;
}
@media (prefers-color-scheme: dark) {
  .home__latest-posts > h2 {
    background-color: #2f2f2f ;
  }
}
.home__latest-posts > h2 > a {
  height: 22px;
}

.breadcrumb__container {
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 0 0.5em;
  overflow: hidden;
}
.breadcrumb__container li:has(span.active) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.breadcrumb__entry {
  text-decoration: dashed underline;
}
.breadcrumb__entry[class$=active] {
  text-decoration: none;
}

.badges__container {
  display: flex;
}

.callout {
  padding: 0.5em;
  margin: 1em 0;
  border-width: 1px;
  position: relative;
}
.callout p {
  padding: 0 0.5em;
}
.callout::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: skew(10deg);
}

.callout-note::after {
  border: 1px solid #2f2f2f;
}
@media (prefers-color-scheme: dark) {
  .callout-note::after {
    border: 1px solid #2f2f2f;
  }
}
.callout-note::after {
  background-image: linear-gradient(90deg, #868686, #000);
}
@media (prefers-color-scheme: dark) {
  .callout-note::after {
    background-image: linear-gradient(90deg, #868686, #000);
  }
}

.callout-warn::after {
  border: 1px solid ;
}
@media (prefers-color-scheme: dark) {
  .callout-warn::after {
    border: 1px solid ;
  }
}
.callout-warn::after {
  background-image: linear-gradient(90deg, #000);
}
@media (prefers-color-scheme: dark) {
  .callout-warn::after {
    background-image: linear-gradient(90deg, #000);
  }
}
.callout-warn .callout-title::before {
  content: "!";
  font-weight: 800;
  padding-right: 0.5em;
}

.callout-title {
  font-weight: 700;
}

.projects__repos-title {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.projects__github-icon {
  width: 2em;
  filter: brightness(100) invert(100);
}

.projects__repo-list {
  margin: 1em 0 !important;
}

.projects__repo-list-item {
  margin: 1em 0 !important;
  padding: 0.5em;
  list-style: none !important;
  border-radius: 0.2em;
}
.projects__repo-list-item {
  background-color: #868686 ;
}
@media (prefers-color-scheme: dark) {
  .projects__repo-list-item {
    background-color: #868686 ;
  }
}
.projects__repo-list-item {
  border: 1px solid #2f2f2f;
}
@media (prefers-color-scheme: dark) {
  .projects__repo-list-item {
    border: 1px solid #2f2f2f;
  }
}

.projects__repo-list-item-title {
  font-size: 2em !important;
  width: max-content;
  cursor: pointer;
}
.projects__repo-list-item-title {
  border-bottom: 1px solid #2f2f2f;
}
@media (prefers-color-scheme: dark) {
  .projects__repo-list-item-title {
    border-bottom: 1px solid #2f2f2f;
  }
}
.projects__repo-list-item-title > a {
  all: unset !important;
}

.projects__repo-list-item-description {
  padding: 1em 0;
}

.stuff__link-container {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em;
}

.stuff__button {
  list-style: none !important;
  padding: 0.5em;
  border-radius: 0.5em;
  text-align: center;
}
.stuff__button {
  border: 1px dashed #fff;
}
@media (prefers-color-scheme: dark) {
  .stuff__button {
    border: 1px dashed #fff;
  }
}
.stuff__button {
  background-color: #000 ;
}
@media (prefers-color-scheme: dark) {
  .stuff__button {
    background-color: #000 ;
  }
}
.stuff__button {
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.stuff__button:hover {
  color: #000 ;
}
@media (prefers-color-scheme: dark) {
  .stuff__button:hover {
    color: #000 ;
  }
}
.stuff__button:hover {
  background-color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .stuff__button:hover {
    background-color: #62e9d5 ;
  }
}
.stuff__button:hover {
  border-color: #000 ;
}
@media (prefers-color-scheme: dark) {
  .stuff__button:hover {
    border-color: #000 ;
  }
}
.stuff__button:hover {
  animation: hueshift infinite alternate 1000ms;
}
@keyframes hueshift {
  0% {
    filter: hue-rotate(0);
  }
  100% {
    filter: hue-rotate(90deg);
  }
}

.stuff__preview-image {
  display: block;
  height: 250px;
}

.oc__gallery {
  width: clamp(500px, 50%, 750px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.oc__details {
  width: 100%;
}
.oc__details tr > td:nth-child(2) {
  text-align: right;
}

.oc__image-container {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
}

.oc__image {
  position: absolute;
  height: 100%;
  width: auto;
  object-position: center;
}

.oc__playlist {
  margin: 0 auto;
}

.error__body {
  position: relative;
  flex-basis: 100%;
  flex-grow: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.error__body h1 {
  font-size: 150pt;
  font-weight: 700;
  font-style: italic;
  position: relative;
}
@media (max-width: 750px) {
  .error__body h1 {
    font-size: 40vw;
  }
}

.error__body-message {
  position: relative;
  margin: auto;
  text-align: center;
}

.error__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
  width: 100%;
  height: 100%;
  filter: blur(5px) brightness(50%) contrast(900%);
  background-size: 100px 70px;
  background-repeat: repeat;
  background-image: url("/assets/img/404.svg");
}
.error__background {
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (prefers-color-scheme: dark) {
  .error__background {
    background-image: url("/assets/img/404white.svg");
  }
}

.blog__container {
  flex: 1 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog__post-previews-container {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  gap: 4em;
}

.blog__post-list-divider {
  width: 100%;
  color: white;
  border: 1px dotted white;
}

.blog__post-preview {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 750px) {
  .blog__post-preview {
    margin: 1em 0;
  }
  .blog__post-preview {
    border-bottom: 1px dashed ;
  }
}
@media (max-width: 750px) and (prefers-color-scheme: dark) {
  .blog__post-preview {
    border-bottom: 1px dashed ;
  }
}
@media (min-width: 750px) {
  .blog__post-preview {
    padding-left: 1em;
  }
  .blog__post-preview {
    border-left: dashed 1px #fff;
  }
}
@media (min-width: 750px) and (prefers-color-scheme: dark) {
  .blog__post-preview {
    border-left: dashed 1px #fff;
  }
}

.blog__post-preview-content {
  position: relative;
}

.blog__post-preview-body-container {
  position: relative;
  padding: 1em 0;
}

.blog__post-preview-banner-container {
  overflow: hidden;
  position: relative;
  object-fit: contains;
}

.blog__post-preview-banner-title {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.blog__post-preview-tags {
  margin: 0;
  list-style: none;
  text-decoration: dashed underline;
}
.blog__post-preview-tags {
  color: #868686 ;
}
@media (prefers-color-scheme: dark) {
  .blog__post-preview-tags {
    color: #868686 ;
  }
}
@media (max-width: 750px) {
  .blog__post-preview-tags {
    display: flex;
    gap: 1em;
  }
}

.blog__post-preview-tag {
  text-decoration: dashed;
}
.blog__post-preview-tag:hover, .blog__post-preview-tag:focus-within {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .blog__post-preview-tag:hover, .blog__post-preview-tag:focus-within {
    color: #62e9d5 ;
  }
}
.blog__post-preview-tag:hover, .blog__post-preview-tag:focus-within {
  animation: hueshift infinite alternate 1000ms;
}
@keyframes hueshift {
  0% {
    filter: hue-rotate(0);
  }
  100% {
    filter: hue-rotate(90deg);
  }
}

.blog__post-preview-title-container {
  width: 100%;
}
.blog__post-preview-title-container:hover .blog__post-preview-banner, .blog__post-preview-title-container:focus-within .blog__post-preview-banner {
  animation: cycle-deepfry infinite linear 5s;
}
@keyframes cycle-deepfry {
  0% {
    filter: sepia(100%) saturate(500%) hue-rotate(1deg) contrast(500%) grayscale(100%) sepia(100%) saturate(500%) hue-rotate(130deg) contrast(500%) hue-rotate(0deg);
  }
  50% {
    filter: sepia(100%) saturate(500%) hue-rotate(180deg) contrast(500%) grayscale(100%) sepia(100%) saturate(500%) hue-rotate(130deg) contrast(500%) hue-rotate(90deg);
  }
  100% {
    filter: sepia(100%) saturate(500%) hue-rotate(359deg) contrast(500%) grayscale(100%) sepia(100%) saturate(500%) hue-rotate(130deg) contrast(500%) hue-rotate(1deg);
  }
}
.blog__post-preview-title-container:hover, .blog__post-preview-title-container:focus-within {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .blog__post-preview-title-container:hover, .blog__post-preview-title-container:focus-within {
    color: #62e9d5 ;
  }
}
.blog__post-preview-title-container:hover, .blog__post-preview-title-container:focus-within {
  animation: hueshift infinite alternate 1000ms;
}
@keyframes hueshift {
  0% {
    filter: hue-rotate(0);
  }
  100% {
    filter: hue-rotate(90deg);
  }
}

.blog__post-preview-banner {
  width: 100%;
  height: fit-content;
}

.blog__post-details-banner {
  margin: 0;
  filter: blur(100%) grayscale(100%) sepia(100%) contrast(100%) saturate(500%) hue-rotate(260deg);
}
.blog__post-details-banner > img {
  width: 100%;
  height: fit-content;
}

.pagination {
  margin: 1em 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.pagination__previous-container {
  grid-column: 1;
}

.pagination__next-container {
  grid-column: 2;
  text-align: right;
}

.gallery__back-to-stuff {
  margin: 1rem;
}
.gallery__back-to-stuff ::before {
  content: "⇽";
  left: -1em;
}

.gallery__container {
  margin: 1em;
}
@media (max-width: 750px) {
  .gallery__container {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 750px) {
  .gallery__container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}

.gallery__figure-container {
  overflow: hidden;
}
.gallery__figure-container .gallery__figure-image {
  aspect-ratio: 1;
  filter: blur(3px) grayscale(100%) sepia(100%) contrast(500%) saturate(500%) hue-rotate(260deg);
}
.gallery__figure-container .gallery__figure-image {
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.gallery__figure-container:hover .gallery__figure-image, .gallery__figure-container:focus .gallery__figure-image, .gallery__figure-container:focus-within .gallery__figure-image {
  filter: blur(0px) grayscale(100%) sepia(100%) contrast(200%) saturate(500%) hue-rotate(260deg);
}
.gallery__figure-container .gallery__figure-caption {
  font-size: 300%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  mix-blend-mode: exclusion;
}

.gallery__figure {
  position: relative;
  height: 100%;
}

.gallery__figure-image {
  height: 500px;
  width: 100%;
  object-fit: cover;
}

.image__back-to-gallery {
  position: relative;
}
.image__back-to-gallery ::before {
  content: "⇽";
  position: absolute;
  left: -1em;
}

.image__artist {
  text-decoration: dashed underline;
}

.image__cc0 {
  border: 1px dashed white;
  border-radius: 0.5em;
  padding: 0 0.5em;
}
.image__cc0 > img {
  aspect-ratio: 1;
}

.stuff__link-item-icon {
  aspect-ratio: 1;
  width: 2em;
  object-fit: cover;
}

.about__photo {
  animation: cycle-deepfry infinite linear 5s;
}
@keyframes cycle-deepfry {
  0% {
    filter: sepia(100%) saturate(500%) hue-rotate(1deg) contrast(500%) grayscale(100%) sepia(100%) saturate(500%) hue-rotate(130deg) contrast(500%) hue-rotate(0deg);
  }
  50% {
    filter: sepia(100%) saturate(500%) hue-rotate(180deg) contrast(500%) grayscale(100%) sepia(100%) saturate(500%) hue-rotate(130deg) contrast(500%) hue-rotate(90deg);
  }
  100% {
    filter: sepia(100%) saturate(500%) hue-rotate(359deg) contrast(500%) grayscale(100%) sepia(100%) saturate(500%) hue-rotate(130deg) contrast(500%) hue-rotate(1deg);
  }
}

html {
  font-family: sans-serif;
}

body {
  margin: 0;
  min-height: 100lvh;
  height: 100%;
  display: grid;
}
@media (max-width: 750px) {
  body {
    grid-template-columns: 1fr;
    grid-template-rows: 3em 2em 1fr 3em;
  }
}
@media (min-width: 750px) {
  body {
    grid-template-columns: 7em 1fr;
    grid-template-rows: 2em 2fr;
  }
}
body {
  color: #fff ;
}
@media (prefers-color-scheme: dark) {
  body {
    color: #fff ;
  }
}
body {
  background-color: #000 ;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #000 ;
  }
}

*:focus {
  outline-style: solid;
  outline-width: 1px;
}
*:focus {
  outline-color: #fff ;
}
@media (prefers-color-scheme: dark) {
  *:focus {
    outline-color: #fff ;
  }
}

.main {
  height: 100%;
}
@media (min-width: 750px) {
  .main {
    grid-column: 2;
    width: 100%;
  }
}

.main__article {
  margin: 0 auto;
  max-width: 500px;
}

.main__article-title {
  font-size: 2em;
  font-weight: 700;
  margin: 0.5em;
}

.main__article-body {
  margin: 1em;
}

.main__article-body p {
  margin: 1em 0;
}

.main__article-body figure > img {
  width: 100%;
  height: fit-content;
}

.main__article-body p > a:not([class^=revert-anchor], :has(img)) {
  padding: 0 0.2em;
  border-radius: 0.2em;
  box-shadow: 0 1px 0px;
  position: relative;
  top: 0;
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)) {
  transition: all 250ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)) {
  border: 1px solid #2f2f2f;
}
@media (prefers-color-scheme: dark) {
  .main__article-body p > a:not([class^=revert-anchor], :has(img)) {
    border: 1px solid #2f2f2f;
  }
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
  top: 1px;
  box-shadow: 0 0 0;
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
  border: 1px solid #000;
}
@media (prefers-color-scheme: dark) {
  .main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
    border: 1px solid #000;
  }
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
  color: #000 ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
    color: #000 ;
  }
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
  background-color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
    background-color: #62e9d5 ;
  }
}
.main__article-body p > a:not([class^=revert-anchor], :has(img)):hover, .main__article-body p > a:not([class^=revert-anchor], :has(img)):focus {
  animation: hueshift infinite alternate 1000ms;
}
@keyframes hueshift {
  0% {
    filter: hue-rotate(0);
  }
  100% {
    filter: hue-rotate(90deg);
  }
}

iframe {
  width: 100%;
  height: 263px;
}

.main__article-body blockquote {
  margin: 0;
  position: relative;
  padding: 1em;
  padding-top: 2em;
  border-bottom: 1px solid;
  border-radius: 0.5em;
}
.main__article-body blockquote {
  border-bottom: 1px solid #62e9d5;
}
@media (prefers-color-scheme: dark) {
  .main__article-body blockquote {
    border-bottom: 1px solid #62e9d5;
  }
}
.main__article-body blockquote {
  border-top: 1px solid #62e9d5;
}
@media (prefers-color-scheme: dark) {
  .main__article-body blockquote {
    border-top: 1px solid #62e9d5;
  }
}
.main__article-body blockquote p {
  text-align: justify;
}
.main__article-body blockquote::before {
  content: "“";
  position: absolute;
  font-size: 5em;
  top: -0.2em;
  font-family: serif;
}
.main__article-body blockquote::before {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body blockquote::before {
    color: #62e9d5 ;
  }
}
.main__article-body pre {
  font-family: monospace;
  border-radius: 0.2em;
}
.main__article-body pre {
  background-color:  ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body pre {
    background-color:  ;
  }
}
.main__article-body h2 {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body h2 {
    color: #62e9d5 ;
  }
}
.main__article-body h3 {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body h3 {
    color: #62e9d5 ;
  }
}
.main__article-body h4 {
  font-weight: 700;
}
.main__article-body p {
  font-family: Georgia, serif;
}
.main__article-body p img {
  width: 100%;
  height: fit-content;
}
.main__article-body details {
  border-radius: 5px;
  padding: 1rem;
}
.main__article-body details {
  border: 1px solid #fff;
}
@media (prefers-color-scheme: dark) {
  .main__article-body details {
    border: 1px solid #fff;
  }
}
.main__article-body details > summary {
  cursor: pointer;
  display: block;
}
.main__article-body details > summary::before {
  padding-right: 0.5rem;
  content: "▶";
}
.main__article-body details:open summary {
  margin-bottom: 0.5rem;
}
.main__article-body details:open summary::before {
  content: "▼";
}
.main__article-body em {
  font-style: italic;
}
.main__article-body sup {
  vertical-align: super;
}
.main__article-body sup {
  color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .main__article-body sup {
    color: #62e9d5 ;
  }
}

.asterism {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1em;
  margin: 1em 0;
}

a:has(.rss_button) {
  height: fit-content;
}

.rss_button {
  height: 10px;
  border-radius: 5px;
  padding: 5px;
}
.rss_button {
  background-color: #62e9d5 ;
}
@media (prefers-color-scheme: dark) {
  .rss_button {
    background-color: #62e9d5 ;
  }
}
.rss_button {
  color: #000 ;
}
@media (prefers-color-scheme: dark) {
  .rss_button {
    color: #000 ;
  }
}