body {
  margin: 0;
  padding: 0;
  background-image: url("https://fernsspot.neocities.org/IMG_0301.jpeg");
  background-repeat: repeat;
  background-size: 775px 775px  /* adjust tile size if needed */
}

.center-box {
  background-color: #cfe8c6;          /* pale green inside */
  border-left: 10px solid #001f4d;     /* navy blue left side */
  border-right: 10px solid #001f4d;    /* navy blue right side */
  width: calc(312% - 6 * 310px);      /* leaves ~3 tiles on each side */
  min-height: 100vh;                  /* stretches from top to bottom */
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;                 /* center the title */
  padding-top: 20px;                  /* add some space at the top */
}

.site-title {
  font-family: 'Caveat', cursive;
  font-size: 4em;                     /* adjust size if you want bigger/smaller */
  color: #001f4d;
  margin: 0;
}
.text-box {
  background-color: #b3d9dd;     /* soft light blue (like your image) */
  border: 3px solid white;       /* white border */
  border-radius: 5px;
  padding: 10px;
  max-width: 500px;              /* wide enough for a paragraph */
  margin: 10px auto;             /* space below title */
  font-family: 'Caveat';
  font-size: 1.2em;
  color:  #001f4d ;
  text-align: left;
 .square-box {
  background-color: #ffb536;   /* deep red */
  border: 3px solid white;    /* white border */
  width: 225px;               /* square width */
  height: 200px;              /* square height */
  margin: 45px auto 0 0;      /* space above, push left */
  border-radius: 8px;         /* optional rounded corners */
  padding: 15px;
  color: #001f4d;               /* text color */
  font-family: 'Caveat', cursive;
  font-size: 1.0em;
  text-align: Center Top;
  float: left;                /* makes it stick to the left side */
}