body { /*Begins the rule for the element, which is the main container for the page content.*/ border-radius: 3px; /* I Rounded the corners of the body’s border slightly by (3 pixels radius).*/ background: #FFF3F5; /* Set the background color of the body to a very light pinkish-white tone.*/ line-height: 1.4em; /*Adjusted the space between lines of text to be 1.4 times the current element’s font size.*/ font-family: garamond, serif, systemui; /*Specifies a prioritized list of fonts. It first tries “garamond,” then any generic serif font, and finally a system UI font.*/ border-right: 20px solid #FF476F; border-left: 20px solid #FF476F; border-top: 20px solid #FF476F; border-bottom: 20px solid #FF476F; }/* all four of theses properties Applies together a 20-pixel wide solid border on all sides and I used a bright pink color for contrast .*/ * { /*Targets every element on the page.*/ padding: 0; /*Resets all default padding for every element, ensuring consistency across browsers.*/ box-sizing: border-box; /*Changes the box model so that padding and borders are included within the element’s width and height.*/ color: #000A06; /*Sets the default text color to a near‑black shade.*/ } main { /*Targets the

tag – typically used to wrap the core content.*/ min-height: 50vh; /*Sets the minimum height to 50% of the viewport height, ensuring adequate vertical space.*/ padding-bottom: 20px; /*Adds 20 pixels of padding at the bottom to create some spacing.*/ } header { /*Begins styling for the

element.*/ background-color: #90EE90; /*Uses a light green as the background color.*/ padding: 5px; /*Adds a small padding (5 pixels) inside the header.*/ text-align: center; /*Centers any text inside this element.*/ color: #FFF3F5; /*Sets the text color to a pale pink, offering high contrast against the light green.*/ } footer { /*Targets the