/*
Author: Teresa Sanson
Date: 07/01/2026
File Name: styles.css
*/

/* CSS Reset */
body, header, nav, main, footer, img, h1 {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Style rule for images */
body {
	background-color: #ffffff;
}

img {
    max-width: 100%;
    display: block;
}

/* Style rules for navigation area*/
nav {
	background-color: #000f24;
}

nav ul {
	list-style-type: none;
	margin: 0;
	align-content: center;
}

nav li {
	display: inline-block;
	font-size: 1.5em;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}

nav li a {
	display: block;
	color: #fff200;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: 2em;
	padding-right: 2em;
	text-decoration: none;
}
	
/* Style rules for main content */
main {
    padding: 2%;
	font-family: Helvetica, Arial, sans-serif;
}
	
main p {
    font-size: 1.25em;
}

main h2 {
	padding-top: 0.5%;
	color: #000f24;
}

main ul {
	list-style-type: square;
}

.link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
	
.action {
    font-size: 1.75em;
    font-weight: bold;
	text-align: center;
}

#contact {
    text-align: center;
}

/* Style rules for table */
		table {
			border: 1px solid #000f24;
			border-collapse: collapse;
			margin: 0 auto;
		}
		
		caption {
			font-size: 1.5em;
			font-weight: bold;
			padding: 0;
		}
		
		h2 {
			text-align: center;
		}
		
		th, td {
			border: 1px solid #000f24;
			padding: 1%;
		}
		
		th {
			background-color: #000f24;
			color: #ffffff;
			font-size: 1.15em;
		}
		
	/* Desktop Viewport: Style rules for form elements */
		form {
			width: auto;
		}
		
		.form-grid {
			display: grid;
			grid-template-columns: auto auto;
			grid-gap: 20px;
		}
		
		.btn {
			grid-column: 1 / span 2;
		}

/* Style rules for footer content */
footer {
    text-align: center;
    font-size: 0.85em;
	color: #fff200;
	background-color: #000f24;
	padding: 1% 0%;
}

footer a {
    color: #ffffff;
    text-decoration: none;
}