html,
body {
  width: 100%;
  min-height: 100%;
}

html:has(#source),
body:has(.remark-slides-area),
body:has(#source) {
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(143, 166, 154, 0.08), transparent 30rem),
    linear-gradient(180deg, #f5f1ec 0%, #ece6df 100%) !important;
}

#loading {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  margin: 0;
  color: #596f66;
  background: #f4f0ec;
  font: 700 1rem/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.d-none {
  display: none !important;
}

.remark-container,
.remark-slides-area,
.remark-slide-container {
  background: transparent;
}

.remark-slide-content {
  color: #383a37;
  background:
    linear-gradient(135deg, rgba(220, 228, 223, 0.42), transparent 34%),
    linear-gradient(180deg, #fffdfa 0%, #fbf8f3 100%);
  border-left: 8px solid #8fa69a;
  box-shadow: inset 0 0 0 1px #d8d0c7;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.remark-slide-content h1,
.remark-slide-content h2,
.remark-slide-content h3 {
  color: #383a37;
}

.remark-slide-content a {
  color: #596f66;
}

.remark-slide-content code,
.remark-slide-content pre {
  background: #ebe8e3;
}

.remark-footer {
  color: #7b7c76;
}

@media screen and (max-width: 799px) {
  html,
  body {
    min-width: 0;
    overflow-x: hidden;
  }

  .remark-container,
  .remark-slides-area,
  .remark-slide-container {
    max-width: 100vw;
  }

  .remark-slide-content {
    border-left-width: 5px;
  }
}