img {
  max-width: 100%;
  height: auto;
}

.left {
  list-style-type: circle;
  text-align: left;
}
.centre {
  justify-content: center;
}

@font-face {
  font-family: AdorableLady;
  src: url(/fonts/AdorableLady.ttf);
}
@font-face {
  font-family: RomanceA;
  src: url(/fonts/RomanceA.ttf);
}
  
body {
  background: pink url(https://candyhospital.neocities.org/chapel/warm-angel-tiny.PNG);
  color: black;
  font-family: RomanceA;
  cursor: url(/sweetcrsr.png), default;
  text-align: center;
  list-style: none;
  justify-content: center;
}
a:hover {
  cursor: url(/pastelcrsr.png), pointer;
}
   .box {
  background: mistyrose;
  height: 100%;
  width: 80%;
  margin: auto;
  top: 0;
  bottom: 0;
  padding: 0;
  border-radius: 25px;
  border-width: 7px;
  border-style: solid;
  border-image: url("https://candyhospital.neocities.org/Writing/soft-lace.png") 7 round;
}
  .lace {
  background: url(pink-cross-lace.png);
  height: 71px;
  width: 100%;
  padding: 0;
  top: 0;
}
h1 {font-family: AdorableLady}
h2 {font-family: AdorableLady}
h3 {font-family: AdorableLady}
h4 {font-family: AdorableLady}
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
details > summary:hover {color: hotpink}

@media only screen and (max-width: 560px) {
.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}}

.text {padding: 10px}

.section {
  width: 95%;
  margin: auto;
  padding: 10px;
  background: ivory;
  border-radius: 25px;
  border-width: 7px;
  border-style: solid;
  border-image: url("https://candyhospital.neocities.org/Writing/soft-lace.png") 7 round;
}



h1 {
  color: black;
}