@font-face {
	font-display: swap;
	font-family: 'Racing Sans One';
	font-style: normal;
	font-weight: 400;
	src: url('https://vintagesims.org/fonts/racing-sans-one-v17-latin-regular.woff2') format('woff2');
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
	flex: 1;
	background-color: #f8f9fa;
	background-image: url("https://vintagesims.org/img/tiling_background_with_logo.png");
	background-repeat: repeat;
}

/* Header */
header {
	background-color: #f8f9fa;
	background-image: url("https://vintagesims.org/img/header_background.png");
	background-repeat: repeat;
	border-bottom: 1px solid #dee2e6;
}
header img {
	height: 140px;
}

header .sitename {
	color: #0c222d;
	font-family: 'Racing Sans One', sans-serif;
}

/* Navigation */

.mainnav {
	background-color: #2c3e50 !important;
}

.nav-link, .nav-link:visited {
	color: #ddd !important;
}

.nav-link:hover {
	text-decoration: underline !important;
}

.retro-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #a75c3f;
	color: #fff !important;
	border-radius: 5px;
	padding: 4px 6px;
	padding-bottom: 6px;
	margin-right: 6px;
	margin-bottom: 8px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: background-color 0.2s;
}

.active-link {
	background-color: #ac4518;
}

.retro-link:hover {
	background-color: #ac4518;
}

.cover_image {
	height: 200px;
	border: 10px solid #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.thumbnail_image {
	height: 120px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* Main */
h4, h3 {
	font-family: 'Racing Sans One', sans-serif;
}

.fw-bold {
	color: #ac4518;
}

/* Footer */
footer {
	background-color: #343a40;
	color: white;
}