/*
Name: Micheal Whittington
Course: CTI 110
Assignment: Home Page
Date: March 2026
*/

/* Sets th eoverall page background and full height */
html, body {
	background-color: white;
	height: 100%;
}

/* Main page layout using CSS Grid*/
body {
	width: 99%;
	margin: 20px auto;
	font-family: Arial, sans-serif;
	
/* Creates the grid layout for the webpage */
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-template-rows: auto auto auto;

}

/* Header styling and placement across the grid */
header {
	text-align: center;
	border: 1px solid black;
	grid-column: 1 / 3;
}

/* Navigation menu styling */
nav {
	border: 1px solid black;
	grid-column: 1;
}

/* Main content area styling */
main {
	border: 1px solid black;
	grid column: 2;
	padding: 15px;
}

/* Footer styling and grid placement */
footer {
	text-align: center;
	border: 1px solid black;
	grid-column: 1 / 3;
}

/* Removes underline from navigation links */
nav a { 
	text-decoration: none;
}

/* Makes images responsive and fit within their container */
img {
	max-width: 100%;
}

/* Aside styling */
aside {
	border: 1px solid black;
	grid-column: 1;
	padding: 15px;
	border-radius: 12px;
	box-shadow: 4px 4px 8px gray;
}