/* CSS Document */

body
{
	background-color: aliceblue;
	color: darkblue;
}

.banner
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 128px;
	overflow: hidden;
}

.banner img
{
	/* max-width: 100%; */
	height: 100%;
	object-fit: contain; /* Maintain aspect ratio */
}

.header_main
{
	text-align: center;
	font-size: xx-large;
}

.header_sub
{
	text-align: center;
	font-size: x-large;
}

.header_blurb
{
	text-align: center;
	font-size: larger;
	background-color: steelblue;
	padding-top: .5em;
	padding-bottom: .5em;
	color: aliceblue;
}

.nav_class
{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	justify-content: space-around;
}

.nav_class a
{
	font-weight: bold;
	font-size: larger;
	color: darkblue;
}

.nav_class img
{
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: 5px solid steelblue;
}

.stack_a
{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
}

.footer_main
{
	text-align: center;
}

.footer_sub
{
	text-align: center;
	font-size: larger;
	background-color: steelblue;
	padding-top: .5em;
	padding-bottom: .5em;
	color: aliceblue;
}

.main_title
{
	display: inline-block;
	text-align: center;
	font-size: x-large;
}

.sub_title
{
	display: inline-block;
	text-align: center;
	font-size: large;
}

.main_colors
{
	border-top: 10px solid aliceblue; /* Set a blue border with a width of 10px */
	border-left: 40px solid aliceblue; /* Set a blue border with a width of 10px */
	border-right: 40px solid aliceblue; /* Set a blue border with a width of 10px */
	border-bottom: 40px solid aliceblue; /* Set a blue border with a width of 10px */
	background-color: white; /* Set the background color to white */
	padding: 20px; /* Add some padding for spacing between the content and border */
	color: black;
}