#flex {
  display: flex;
   flex-direction: row;
   flex-wrap:nowrap;
   justify-content: space-between;
   align-items: stretch;
   gap:3px;
   margin-top:10px;
     border-radius:5px;
}

#flex1  {
  width:25%;
  background-color:white;
padding:10px;
}
#flex2 {
flex-grow:1;
}

.mlain2 {
 margin: auto;
 width: 50%;
  margin-left: auto;
  margin-right: auto;
 background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='20' height='20' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23f0fbffff'/><path d='M0 0h10v10H0z'  stroke-width='1' stroke='none' fill='%23f5feffff'/><path d='M10 10h10v10H10z'  stroke-width='1' stroke='none' fill='%23e7f7ffff'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");
  text-align: center;
 border-radius: 5px;
border-width: 30px;
border-style: solid; 
padding:2px;
border-image-outset:30px;
  border-image: url(gifs/blueborderZA.png) 700 fill round;
}

.shadowA {
      box-shadow: inset 0px 0px 10px 0px #C3EAFF;
}

#shrinesTitleText {
  font-size:15px;
  color:#AECEDD;
  font-family:Nintendo;
}