body {
  background: var(--white);
  width: 100vw;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  color: var(--black2);
  font-size: 1.25cqw;
}

title:nth-of-type(1) {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 2.25em;
  color: var(--purple);text-shadow: -1px 0 var(--black2), 0 1px var(--black2), 1px 0 var(--black2), 0 -1px var(--black2), 0 0;;
  font-family: glam;
}

flex.a {
  background: var(--yellow);
  border: 3px solid var(--black);
  border-top: none;
  padding: 2px;
  border-radius: 0px 0px 20px 20px;
  margin-top: -5px;
  margin-bottom: 10px;
}

flex.a left {
  width: calc(35% - 5px);
margin-right: 5px;
}

flex.a right {
  width: 65%;
  text-align: right;
}

flex.b {
    font-size: clamp(14px, 1.35cqw, 1.35cqw);
}

flex.b left, flex.b right {
  width: calc(30% - 5px);
  margin-right: 5px;
}

flex.b middle {
  width: 40%;
}

flex.b right {
  margin-right: 0px;
  margin-left: 5px;
}

info {
  display: block;
  padding: 5px;
  background: var(--pink);
  border: 2px solid var(--black2);
  border-radius: 15px;
}

info span {
  width: calc(100% - 12px );
  display: inline-block;
  background: white;
  border: 1px solid var(--black);
  margin-bottom: 3px;
  border-radius: 5px;
  padding: 2px;
}

info span:before {
  content: url(https://pixels.crd.co/assets/images/gallery29/df662d01.gif?v=29416114); margin-right: 5px;
}

info scroll {
  display: block;
  width: calc(100% - 12px);
  border: 1px solid var(--black2);
  padding: 5px;
  aspect-ratio: 1 / 1;
  overflow: auto;
   border-radius: 5px;
   background: var(--white);
}

info scroll img:nth-of-type(odd) {
  display: inline-block;
  width: calc(50% - 10px);
  margin-right: 3px;
}

info scroll img:nth-of-type(even) {
    display: inline-block;
  width: calc(50% - 10px);
}

flex.b middle main {
  display: block;
  width: calc(100% - 24px);
  padding: 5px;
  border-width:7px;
  aspect-ratio: 1 / 1.35;
  background: white;
  overflow: auto;
border-style:solid;
border-image: url("https://file.garden/ZXJkOcYwORXn2d9V/Elle%20Hu/white%20with%20pink%20bg.png") 6 fill round;
}

buttons {
  background: white;
  display: inline-block;
  padding: 3px;
  border-radius: 15px;
  border: 2px solid var(--black2);
}

info span a {
  color: var(--purple);
}

middle main mark {
  color: var(--pink);
  background: none;
  font-family: int;
   color: var(--purple);text-shadow: -1px 0 var(--black2), 0 1px var(--black2), 1px 0 var(--black2), 0 -1px var(--black2), 0 0;
}