/* Basic Page Styling */
 body { 
 font-family: Arial, sans-serif;
 background-color: #f4f4f4;
 margin: 0; 
 padding: 0; 
 color: #222; 
 } 
 /* Header */ 
 header { 
 background-color: #663399; 
 color: #fff; 
 text-align: center; 
 padding: 1rem; 
 }
 /* Main Content */ 
 main { 
 width: 90%; 
 max-width: 900px; 
 margin: 1.5rem auto;
 } 
 /* Sections */
 section {
background-color: #fff;
padding: 1rem; 
margin-bottom: 1.5rem;
 border: 1px solid #ccc;
} 
 /* Headings */
h1 { 
margin: 0; 
} 
h2 { 
margin-top: 0;
 } 
 /* Table Styling */ 
 table { 
 width: 100%; 
 border-collapse: collapse;
 margin-top: 1rem; 
 } 
 caption { 
 font-weight: bold;
 margin-bottom: 0.5rem;
 text-align: left;
 } 
 th, td { 
 border: 1px solid #999;
 padding: 0.5rem; 
 text-align: left;
 } 
 th 
 { background-color: #e0e0e0; }
 /* Footer */ 
 footer { 
 text-align: center; 
 padding: 1rem;
 background-color: #663399;
 color: #fff; 
 } 
 nav { 
 background-color: #ccccff; /* light gray so it's clearly separate */ 
 padding: 1rem; 
 border-top: 2px solid #333; 
 border-bottom: 2px solid #333;
 } 
 nav ul { 
 list-style-type: none; 
 padding: 0;
 margin: 0; 
 } 
 nav li { 
 margin-bottom: 0.5rem; /* space between links */ 
 } 
 nav a {	 
 text-decoration: none; 
 color: #000; 
 font-weight: bold;
 } 
 nav a:hover, nav a:focus { 
 text-decoration: underline;
 } 
 nav a[aria-current="page"] { 
 color: #555;
 }