@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

div.bg-viewer.rounded-24 {
  width: 90%;
  height: 90%;
  background: none;
}

div div p {
  display: none;
}

span.text-2xl.text-primary {
  display: none;
}

div.w-full.h-full.flex.justify-center.items-center.text-center {
  background: hsl(255, 15%, 15%);
}

.mx-10 > div:nth-child(1) {
  display: block;
  height: 40vh;
}

.res-media {
  max-width: 100%;
  max-height: 40vh;
  width: auto;
  border: none;
  border-radius: 1rem;
  display: block;
  object-fit: contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

h4.mx-4.mt-6.mb-4.text-3xl.font-main.text-primary {
  font-family: 'Urbanist';
  font-weight: bolder;
}

span.text-secondary {
  font-family: 'Readex Pro';
}

span.text-secondary:after {
  white-space: pre;
  content: '\aThis content is property of Autumn W. All rights reserved. Do not distribute.';
  font-family: 'Readex Pro';
  font-weight: normal;
  max-width: 105vw;
  text-wrap: wrap;
}

a.link {
  color: hsl(255, 20%, 70%) !important;
}

a.link:hover {
  border-color: hsl(255, 20%, 70%);
}

figure div code {
  color: white;
}

div figure figcaption {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

code {
  visibility: hidden;
  width: 0;
  line-height: 0;
}

code:after {
  visibility: visible;
  white-space: pre;
  content: '\aThis file could not be displayed. Try downloading it!';
  font-family: 'Urbanist';
  opacity: 60%;
  font-size: 1.6rem;
}