body { 
font-family: Arial, sans-serif; 
background-color:#f2f6f9; 
margin: 0; 
padding: 20px; 
}
h1 { 
text-align:center; 
color: #2c3e50; 
}
.box { 
background-color: white; 
padding: 20px; 
margin: 20px auto; 
width: 80%; 
border-radius: 8px; 
box-shadow: 0 0 10px rgba(0,0,0,0.1);
} 
h2 {  
color:#34495e; 
border-bottom: 2px solid #3498db;
} 
ul {  
list-style-type: square; 
margin-left: 30px;
} 
ol {  
margin-left: 30px;
} 
table { 
width: 100%; 
border-collapse: collapse; 
margin-top: 15px; 
} 
table, th, td { 
border: 1px solid #333;
} 
th{ 
background-color: #3498db; 
color: white; 
padding: 10px; 
} 
td { 
text-align: center; 
padding: 8px; 
} 
tr:nth-child(even) { 
background-color: #ecf0f1; 
} 
button { 
margin-top: 15px; 
padding: 8px 15px; 
background-color: #27ae60; 
color: white; 
border: none; 
border-radius: 5px; 
cursor: pointer; 
} 
button:hover { 
background-color: #219150; 
}