/*The background color, font type, and font color are defined for the entire web page*/
body {
  background-color: rgb(22, 100, 245);
  font-family:garamond;
  color:black;
}  

/*These describe the characteristics of the combined banner*/
#mainContent {width: 750px; padding: 20px; margin-right: auto; margin-left: auto; margin-top: 10px; background-color: rgba(255, 255, 255, 0.75); border-radius: 15px; text-align: center;}

/*These describe the dimensions for the pictures and captions*/
#fluffyPic, #defaultShorthair {max-width: 50%; height: auto; object-fit: cover; object-position: center 20%; display: block; margin: 0 auto;}
#fluffyCaption, #shorthairCaption {margin-top: 10px; text-align: center;}