@use "./base.scss";
@use "./variables.scss" as *;

body[data-slug="index"] {
  .page-header {
    margin-top: -1.5rem;
    visibility: hidden;

    @media all and (max-width: $fullPageWidth) {
      display: none;
    }
  }

  img {
    filter: grayscale(1);
    z-index: -1;
    position: relative;
  }

  #pixabay-attribute {
    margin-top: -3rem;
    font-style: italic;
  }
}

article {
  ol, ul {
    margin-bottom: 2rem;
  }

  li:first-child {
    margin-top: 1rem;
  }

  iframe,
  li {
    margin-bottom: 1rem;
  }

  > p {
    margin-bottom: 2rem;
  }

  hr {
    width: 10%;
    margin: 3rem auto;
  }
}

.section-ul .section-li .section .desc {
  padding-left: .8rem;
}

.recent-ul .recent-li ul.tags {
  display: none;
}

p,
ul,
text,
a,
tr,
td,
li,
ol,
ul,
.katex,
.math {
  hyphens: none;
}