/* styles.css */

/* Set the background color for the entire page */
body {
    background-color: #353535;
    margin: 0 20px; /* Remove default margin */
    padding: 0; /* Remove default padding */
	max-width: 800px ;
	margin: auto ;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 10px;
}

/* Style the header */
h1 {
    color: #00a0ff; /* Set text color to white for better contrast */
    text-align: center;
    padding: 20px; /* Add some padding for spacing */
}

h2{
    color:#80d3ff;
    text-align: center;
}

p {
    color: white;
}

/* Style the navigation menu */
nav ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0;
}

nav ul li {
    display: inline; /* Display menu items horizontally */
    margin-right: 20px; /* Add spacing between menu items */
}

nav a {
    text-decoration: none; /* Remove underlines from links */
    color: white; /* Set link color to white */
}

a {
    color: #f4a460; /* Default link color (white) */
    text-decoration: none; /* Remove underlines from links */
}

/* Style visited links with a different color */
a:visited {
    color: #f4a460; /* Visited link color (gold) */
}