body {
	background: rgba(24,22,18,1);
	color: #efefef;
	font-family: 'Roboto Mono', 'Roboto', monospace, sans-serif;
	font-size: 1em;
	font-weight: 300;
	min-height: 100vh;
	padding: 0;
	text-align: center;
}
body h1, h2, h3 , h4, h5, h6 {
	font: "Roboto Mono", 'Roboto', monospace;
	text-align: justify;
}
body p {
	font: 1em "Roboto Mono", 'Roboto', monospace;
	font-weight: 300;
	margin: 0 auto;
	max-width: 950px;
	text-align: center;
}
body a {
	color: #abdcef;
}
body a:hover {
	color: #21e935;
}
body a:visited {
	color: #66dcef;
}

/* Smooth scrolling IF user doesn't have a preference due to motion sensitivities */
@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

header {
	font-family: ‘Roboto Mono’, ‘Roboto’, monospace;
	margin: 0 auto;
	/* padding: 6px; */
	text-align: center;
}
header img {
	width: 42%;
	max-width: 420px;
	padding: 13px 16px;
}
@media only screen and (min-width: 200px) and (max-width: 1024px) {
	header img {
		width: 42%;
		min-width: 242px;
		max-width: 420px;
	}
}

hr.dash {
	border: 0;
	border-bottom: 1px dashed #66ddff;
	height: 0;
	margin: 0 auto;
	text-align: center;
	width: 98%;
}

.title {
	color: #7ef4de;
	font-size: 1.42em;
	font-weight: 500;
	text-align: center;
}

.gallery {
	display: inline-block;
	line-height: 0;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	margin: 0 auto;
	padding: 13px 6px;
	text-align: center;
}
@media only screen and (min-width : 921px) and (max-width: 1024px) {
	.gallery {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}
@media only screen and (min-width : 481px) and (max-width: 920px) {
	.gallery {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}
@media only screen and (min-width : 200px) and (max-width: 480px) {
	.gallery {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}
.gallery img {
	display: block;
	padding: 6px;
	width: 98%;
	height: auto;
	max-width: 1600px;
	text-align: center;
}
.gallery img:hover {
	filter: brightness(1.13) hue-rotate(24deg);
	/* filter: contrast(113%) invert(92%); */
}
.gallery p {
	color: #aaffaa;
	font-family: 'Roboto Mono', monospace, courier;
	font-size: 1.2em;
	text-align: center;
}

.shop img {
	max-width: 36px;
}
.shop img:hover {
	filter: blur(.69px) invert(13%);
}

footer {
	bottom: 0;
	font-size: 1.13em;
	font-weight: 700;
	margin: 0 auto;
	/* margin: -6px -6px; */
	padding: 13px 6px;
	text-align: center;
}
footer a {
	color: #aaeedd;
}
footer a:hover {
	color: #ff6969;
}
.footerSocial img {
	display: inline;
	max-width: 24px;
	margin: 3px;
	padding: 6px 3px;
}
.footerSocial img:hover {
	filter: blur(.69px) invert(13%);
}