body {
        background-color:#AD0000;
    color:	#FFFF57;
      font-family: "Petit Formal Script", cursive;
    font-size:1.3em;
    border:.75em double;
    padding: 2em;
    }
    
    a {
        color:#FFFF57 ;
    }
    
    .small {
        font-size: .5em;
    }
    
    h1 {
          font-family: "Henny Penny", system-ui;
    text-align:center;
    }
    
    img {
        border:.75em ridge white;
        display: block;
        margin:auto;
    }
    
    .container {
      display: flex;
      align-items:flex-start;
      justify-content:space-around;
      flex-wrap: wrap;
    }
    
    .box {
      /* PLAY WITH THE FLEX-BASIS TO SET THE SIZE OF THE BOXES - DON'T GO OVER 45% */
      flex-basis: 25%;
      margin: .5em;
      
      border-radius: 10px;
      padding: 1em;
    }
    
    /* SETTING THE IMAGE WIDTH HERE INSTEAD OF IN HTML. REMOVE WIDTH="XXX%" FROM THE HTML IMAGE TAGS */
    .box img {
      max-width: 90%;
      display: block;
      margin: auto;
    }
    
    
    /* FORMATTING THE CITATIONS - DON'T COPY THIS IF YOU DON'T HAVE A "citation" CLASS */
    .citation {
      text-align: center;
    }SIZE