/*General Reset*/
body{margin: 0; font-family: Georgia, 'Times New Roman', Times, sans-serif; line-height: 1.5;}
/*Header*/
header{background: #0077b6; color: white; padding: 10px; text-align: center;}
header nav a{color: white; margin: 0 10px; text-decoration: none;}
header nav a:hover{text-decoration: underline;}
/*Banner*/
.banner{background: lightblue; padding: 20px; margin: 20px; text-align: center; line-height: 0.5;}
/*Hero Section*/
.hero{background: #e0f7fa; padding: 40px; text-align: center;}
/*Cards*/
.cards{display: flex; gap: 10px; justify-content: center; margin: 20px;}
.card{background: #e0f7fa; padding: 20px; text-align: center; border-radius: 5px;}
/*Table*/
table{width: 100%; border-collapse: collapse; margin-top: 10px;}
table, th, td{border: 1px solid black;}
th, td{padding: 10px; text-align: left;}
/*Form*/
form{background-color: #e0f7fa; padding: 20px; border: 2px solid #032233;}
fieldset{border: 1px  solid #032233; margin-bottom: 20px; padding: 15px;}
label{font-weight: bold;}
/*Footer*/
footer{background: #0077b6; color: white; text-align: center; padding: 10px; margin-top: 20px;}
/*Responsive Design*/
@media(max-width: 600px) {nav ul{flex-direction: column; gap: 15px;} form, table{font-size: 0.9em;}}