html {
	font-size: 62.5%;
}

body {
	background-image: url("images/bg.png");
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	background-image: url("images/border.png");
	background-size: 100vw 100vh;
}

.dwg-logo {
	position: relative;
	z-index: 10;
	margin-top: 1.3rem;
}

.container {
	width: clamp(16rem, 97.5%, 70rem);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: #00000040;
	margin: auto;
	padding-top: 2rem;
}

hr {
	width: 97.5%;
	margin-top: 7.5rem;
	margin-bottom: 2.1rem;
}

p {
	font-family: times new roman, times, serif;
	font-size: 1.8rem;
	text-align: center;
}

.post-link {
	color: #ff9900;
}

.post-link a {
	color: #ffc666;
	text-decoration-color: #ff9900;
}

.post-link img {
	height: 1.8rem;
	margin-right: 0.4rem;
	vertical-align: -0.4rem;
}

.post-date {
	color: #ff9900;
	font-size: 1.3rem;
}

.post-entry {
	margin-bottom: 0.9rem;
	font-family: times new roman, times, serif;
	font-size: 1.8rem;
	text-align: center;
}

@font-face {
	font-family: "DuckWorldGold";
	src: url("fonts/DuckWorldGold.ttf") format("truetype");
}

.dwg-font {
	font-size: 3.2rem;
	font-family: "DuckWorldGold", serif;
	color: #ffa500;
	text-decoration: none;
	border-bottom: 0.33rem solid;
}

@font-face {
	font-family: "TitleFont";
	src: url("fonts/TitleFont.otf") format("opentype");
}

.navigation-text {
	font-size: 2.5rem;
	color: #ff9900;
	font-family: "TitleFont", serif;
	letter-spacing: 0.1rem;
	text-decoration: none;
	border-bottom: 0.175rem solid;
}

.navigation-text a {
	text-decoration: none;
	color: #ff9900;
}

hr {
	color: #ffa500;
}