/* style.css */

/* General body styles */
body {
  font-family: sans-serif; /* Use a generic sans-serif font */
  margin: 0; /* Remove default browser margins */
  padding: 0; /* Remove default browser padding */
  line-height: 1.6; /* Improve readability with line height */
  background-color: #f4f4f4; /* Light gray background */
  color: #333; /* Dark gray text color */
}

body .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Header styles */
header {
  background-color: #333; /* Dark header background */
  color: #fff; /* White text in header */
  padding: 1rem; /* Add padding around header content */
  text-align: center; /* Center align header content */
}

header h1 {
  margin: 0; /* Remove default margin from the h1 */
}

/* Navigation styles */
nav {
  background-color: #eee; /* Light gray nav background */
  padding: 1rem;
}

nav ul {
  list-style: none; /* Remove bullet points */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

nav li {
  /* You can add specific styles to list items here */
}

nav a {
  text-decoration: none; /* Remove underlines from links */
  color: #333; /* Dark gray link color */
  font-weight: bold; /* Make links bold */
}

nav a:hover {
    color: blue;
}

/* Main content styles */
main {
  padding: 1rem; /* Add padding around main content */
}