html {
}

@font-face {
	font-family: 'Western';
	src: url('fonts/GunfighterAcademy-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body { /* General store parchment background and structure */
	background-color: #FFFFCC;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	font-family: sans-serif;
}

@media (max-width: 1080px) {
	body {
		width: 95%;
	}
}

h1 { /* General store western style wooden header */
	background-color: #FFCC99;
	text-align: center;
	padding-top: 10px;
	font-family: serif;
}

nav ul { /* navigation list links */
    list-style-type: none; /* no bullets in front of item */
    margin: 0; /* no margins around item */
    padding: 0; /* no additional padding around item */
    display: flex; /* Use flexbox for horizontal layout */
    justify-content: space-between; /* Space out images */
    flex-wrap: wrap; /* Allow wrapping if needed */
    margin-bottom: 20px; /* Space below the navigation */
}
nav ul li { /* navigation item */
    text-align: center; /* Center text below images */
    margin: 2px; /* Space between items */
}
nav ul li img { /* navigation item image */
    max-width: 100%; /* Responsive images */
    height: auto; /* Maintain aspect ratio */
}
nav ul li a { /* navigation item text below image */
    display: block; /* Ensure the link is a block element */
    margin-top: 0px; /* Space between image and text */
}

.ol-none {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ul-none {
    list-style-type: none;
    padding: 0;
    margin: 0;
}