/* Styling for a left-aligned image with a margin on the right */
.image-left {
    float: left;
    margin: 0 15px 15px 0; /* Top, Right, Bottom, Left */
}

/* Styling for a right-aligned image with a margin on the left */
.image-right {
    float: right;
    margin: 0 0 15px 15px; /* Top, Right, Bottom, Left */
}

/* This is a helper class to clear the float */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

body {background-color: #D9E8CA; font-family: "YourChosenFont", sans-serif;}

.large-gap {
  margin-bottom: 11em; /* Adds a larger margin after paragraphs with the class 'large-gap' */}

p {font-size: 20px; margin-bottom: 2em; style="font-family: Arial, sans-serif;"}