/* This is a CSS comment */

body {
  font-family: sans-serif; /* Defines the font for the entire body */
  background-color: #007a50; /* Sets a light gray background color */
  margin: 0; /* Removes default browser margin */
  padding: 150px; /* Adds spacing around the content */
}

h1 {
  color: #333; /* Sets the text color for H1 headings */
  border-bottom: 2px solid #333; /* Adds a bottom border */
  padding-bottom: 10px; /* Adds space below the heading and above the border */
}

p {
  color: #666; /* Sets the text color for paragraphs */
  line-height: 1.5; /* Improves readability by adding space between lines of text */
}

ul {
  list-style-type: none; /* Removes default bullet points from unordered lists */
  padding: 0; /* Removes default padding */
}

li {
  background-color: #eee; /* Sets a light background for list items */
  margin: 5px 0; /* Adds vertical margin between list items */
  padding: 10px; /* Adds space inside list items */
}

a:link, a:visited {
  color: #007bff; /* Sets color for unvisited and visited links */
  text-decoration: none; /* Removes underlines from links */
}

a:hover {
  text-decoration: underline; /* Adds underline when a user hovers over a link */
}
.fixed-width-element {
  width: 600px; /* The element will always be 600 pixels wide */
}