body {
	font-family: 'PT Sans';
	background-color: #191919;
	color: #cbb79b;
}

a {
	color: #944437;
}

/* =========================
   BACKGROUND IMAGE LAYOUT
========================= */

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}

/* MAIN */
.page-content {
    position: relative;
    min-height: 100vh;
    padding: 40px 24px;
    background-image:
        linear-gradient(
            rgba(15, 17, 21, 0.82),
            rgba(15, 17, 21, 0.9)
        ),
        url('../images/archive-bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
}

.page-content::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at top right,
            rgba(148, 68, 65, 0.16),
            transparent 35%
        );
    pointer-events: none;
}

.page-content > * {
    position: relative;
    z-index: 2;
}

header,
footer {
    position: relative;
    z-index: 10;
}

@media (max-width: 768px) {
    .page-content {
        padding: 24px 14px;
        background-attachment: scroll;
    }
}