body {
	font-family: 'Time New Roman', sans-serif;
	justify-content: center;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 60px;
}

footer {
	position: fixed;
	bottom: 0;		/* Aligns footer to the bottom */
	left: 0;		/* Aligns footer to the left */
	width: 100%;		/* Full width of the viewport */
	text-align: center;	/* Centers the text horizontally */
	font-size: 0.6em;
}

#nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}

#left {
	padding-left: 30px;
}

#right {
	display: flex; /* Displays list items in a row */
	list-style-type: none; /* Removes bullet points from list */
	padding-right: 30px;
}

#right li {
	margin-left: 30px; /* Example spacing between list items */
}

#right li a {
	text-decoration: none; /* Removes underline from links */
	border-bottom: 1px solid #white;
	color: black; /* Darken text color on hover */
}

#right li a:hover {
	text-decoration: underline; /* Underline on hover */
	text-underline-position: under; /* Position the underline slightly lower */
	color: lightgray; /* Darken text color on hover */
}

/* Styles for mobile devices */
@media screen and (max-width: 768px) {
	body {
		padding-left: 10px;
		padding-right: 10px;
	}

	footer {
		font-size: 0.4em;
	}

	#nav {
		flex-direction: column; /* Stack items vertically */
		align-items: flex-start; /* Align items to the start */
	}
	#right {
                display: block; /* Stack list items vertically */
		margin-top: 10px;
	}
	#right li {
                margin-left: 0; /* Reset margin between list items */
                margin-top: 5px; /* Adjust spacing between stacked items */
	}
	#left {
		order: 1; /* Ensures #left comes first in vertical order */
	}
	#right {
		order: 2; /* Ensures #right comes second in vertical order */
		text-align: left; /* Align text to the left */
	}
}