/* Style for paragraphs */
body p {
  text-align: left;
  
}
/* Apply a full width and height for the image */
img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  object-fit: cover;
}


/* Header styling */
header {
  text-align: center;
  padding: 20px;
  color: #333; /* Change text color in the header */
}

/* Header title styling */
header h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
  color: #ff5733; /* Light orange color for the title text */
  /* Style for h2 elements */
h2 {
  font-size: 2em;          /* Adjusts the size of the heading */
  color: #333;             /* Sets the text color to dark gray for better readability */
  font-weight: normal;     /* Makes the font weight normal (lighter than h1) */
  margin: 20px 0;          /* Adds some space above and below the heading */
  text-align: center;      /* Centers the heading */
  line-height: 1.3;        /* Adds some space between lines for better readability */
  font-family: 'Arial', sans-serif; /* Uses the Arial font family, but falls back to sans-serif if Arial isn't available */
}
}
h3 {
  text-align: center;
  font-weight: bold;
}


/* Style for the main navigation */
nav {
  text-align: left;
  margin-top: 20px;
}

nav a {
  text-decoration: none;
  color: #007bff; 
  margin: 0 15px;
  font-size: 1.2em; 
}

nav a:hover {
  color: #0056b3; /* Change the color when hovering over the links */
}

/* Style for the main content */
main {
  text-align: center;
  padding: 20px;
}

/* Footer styling */
footer {
  text-align: center;
  margin-top: 30px;
  font-size: 0.9em;
  padding: 10px;
  color: #fff; /* White text color */
  background-color: #333; /* Dark background color */
}

/* Body styling */
body {
  background-color: #f4f4f4; /* Set a light background color */
  color: #333; /* Set the font color to a dark gray */
  font-family: Arial, sans-serif; /* Set the font family to Arial */
  margin: 10px; /* Apply a 10-pixel margin around the body */
  font-weight: bold;
}

/* Centering the main page header (h1) */
h1 {
  text-align: center; /* Center the text in the header */
  font-size: 2.5em; /* Increase the size of the heading */
  margin-bottom: 20px; /* Add some space below the header */
}

/* Centering the navigation (nav) */
nav {
  text-align: center; /* Center the navigation links */
  margin-top: 20px; /* Add some space above the navigation */
}
/* Align paragraphs to the left */


/* Centering the footer information */


footer p {
	text-align: center;
}
/* Style for the image caption */
figcaption {
  text-align: center;
  font-size: 1.1em;
  margin-top: 10px;
}