/* 

styles:		deathritera.men


origin: 	1.0 — 09/05/25
version: 	1.1 — 07/14/25 Update
author: 	Joshua Blankenship
email: 		joshua@blankenship.xyz
website: 	http://joshuablankenship.com

/*--FOUNDATION */

*, html, body, div, span, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, img, figure, figcaption,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	outline: none;
	}

html {
	font-size: 16px;
}

body {
	background: #f5f5f5;
	color: black;
	line-height: 1.5;
	margin: 0 auto;
	padding: 2.5rem 5rem 5rem;
	max-width: 3000px;
}

/*--TYPOGRAPHY */

h1 { font: 400 8vw/1em "lekick-brush", sans-serif; }
h2 { 
	font: 2.5rem/2.5rem -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; 
	text-transform: uppercase;
}

header ul { margin: 1rem auto 2rem; }

header ul li { 
	display: inline; 
	font: 1rem/1rem -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif; 
	margin: 0 .75rem; 
	text-transform: uppercase;
}

header ul li a { 
	color: #afbf36;
	font-weight: bold;
	text-decoration: none;
}

header ul li a:hover { 
	border-bottom: 2px solid black;
	color: black;
}

p a { 
	border-bottom: 2px solid #afbf36;
	color: #afbf36;
	font-weight: bold;
	text-decoration: none;
}

p a:hover { 
	border-bottom: 2px solid black;
	color: black;
}

h1 a,
h2 a { 
	color: black; 
	text-decoration: none;
}

footer h2:last-child { 
	text-align: right;
}


/*--BONES */

footer {
	display: grid;
	grid-template-columns: calc(50% - 1rem) calc(50% - 1rem);
	grid-gap: 2rem;
}

section {
	border-bottom: 3px solid black; 
}

header {
	margin: 0 auto;
	padding: 0;
	padding: 2rem 0 0;
	text-align: center;
}

section {
	column-count: 3;
	column-gap: 2rem;
	column-width: 33.3333%;
	padding: 2rem 0 0;
}

img { 
	margin-bottom: 2rem;
	max-width: 100%; 
	min-width: 100%; 
	border-radius: 10px;
}

p {
	font: 1.15rem/1.6rem -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif;
	margin-bottom: 1.6rem;
	text-align: justify;
}

div { margin-bottom: 2rem; }

/* SCRUNCH */

	@media (min-width: 2000px) and (max-width: 3000px) {

		section {
			column-count: 4;
			column-gap: 2rem;
			column-width: 25%;
		}	
	}

	@media (min-width: 801px) and (max-width: 1200px) {

		main,
		section {
			column-count: 2;
			column-gap: 2rem;
			column-width: 50%;
		}		

	}

	@media (min-width: 1px) and (max-width: 800px) {

		body {
			padding: 2rem;
		}

		main,
		section {
			column-count: 1;
			column-gap: 0;
			column-width: 100%;
		}

		h1 { font: 400 20vw/16vw "lekick-brush", sans-serif; }

	}