/* This is a CSS comment. Comments are ignored by the browser. */

/* Selector: Targets specific HTML elements (e.g., body, h1, p, .class-name, #id-name) */
/* Declaration Block: Contains one or more declarations */
/* Declaration: A property-value pair (e.g., property: value;) */

body {
  font-family: Arial, sans-serif; /* Sets the default font for the entire page */
  background-color: #f0f0f0; /* Sets a light grey background color */
  margin: 0; /* Removes default browser margin */
  padding: 20px; /* Adds padding around the content */
}

h1 {
  color: #333; /* Sets the color of h1 headings to a dark grey */
  text-align: center; /* Centers the text of h1 headings */
}

p {
  line-height: 1.6; /* Increases the line spacing for paragraphs */
  color: #555; /* Sets the color of paragraphs to a medium grey */
}

.container {
  max-width: 960px; /* Sets a maximum width for elements with the class "container" */
  margin: 0 auto; /* Centers the container horizontally */
  background-color: #fff; /* Sets a white background for the container */
  padding: 20px;
  border-radius: 8px; /* Adds rounded corners to the container */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
}

#main-heading {
  font-size: 2.5em; /* Sets a larger font size for the element with id "main-heading" */
  text-decoration: underline; /* Underlines the text */
}