.aboutImages{
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: anchor-center;
}

.aboutImages img{
  gap: 20px;
  width: 70%;
  max-width: 100%;
  border-radius: 2%;
  }
  
.archImg{
  border-top-left-radius: 60% !important;
  border-top-right-radius: 60% !important;
  width: 95% !important;
}
  
.infoBox{
  padding: 10px;
  text-align: left;
  padding-top: 15%;
  padding-right: 10%;
  padding-bottom: 15%;
  width: 70%;
  justify-content: center;
}

.infoBox p{
  padding: 7px 0;
}

.imageCard{
  padding: 10px;
  margin: 20px;
  border-radius: 3%;
  border: double black 3px;
  width: 80%;
}
.imageCard img{
  width: 180px;
  max-width: calc(100% - 20px);
  }


.aboutInfo h3{
  text-decoration: underline wavy;
  text-align: center;
}

.circleMask {
  background-image: url( '/images/pageBackground.svg' );
  background-size: cover;
  position: absolute;
  margin-top: 32%;
  margin-inline: 25%;
  width: 30%;
  height: 25%;
  border-radius: 50%;
  justify-content: center;
  display: flex;
  z-index: 2;
  border-style: dotted;
  border-width: 2px;
  border-color: #573924;
}

.circleMask img {
  max-width: 90%; 
  padding: 10px;
}

.mugImageSection {
  float: left;
  width: 98%;
  margin-right: -67%; 
}

.mugImage{
  margin-right: 35%;
}

.mugQuote{
 width: 30%; 
 text-align: center;
}

.mugWrapText {
  padding-top: 22%;
  
}
.mugWrapText p {
  text-indent: 25px;
}

.novelSection {
  margin-top: -10%;
}

.novelImageSection{
  float: right;
  width: 100%;
  margin-left: -82%
}

.inkWell{
  margin-left: 40%;
}

.novelWrapText {
  padding-top: 18%;
}

.collabSection{
 margin-top: 0; 
}

.collabImageSection{
  float: left;
  width: 100%;
  margin-right: -58%; 
}

.collabImage{
 margin-right: 10%; 
}

.collabWrapText{
 padding-top: 13%; 
}

.collabWrapText p{
  padding: 7px 0;
}