/*
 Theme Name:   Genexsites 2025 QRCODES
 Theme URI:    http://www.genexsites.com/
 Description:  Minimal Terminal Style Theme for Genexsites
 Author:       Genex Marketing
 Author URI:   http://www.genexmarketing.com
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Doto', monospace;
	background: #000;
	background-image: 
		radial-gradient(circle at 1px 1px, rgba(60, 60, 60, 0.4) 1px, transparent 0);
	background-size: 15px 15px;
	color: #555555;
	overflow-x: hidden;
	min-height: 100vh;
}

.splash-page {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	position: relative;
}

.ascii-art {
	text-align: center;
	font-weight: 400;
	font-size: clamp(0.8rem, 2vw, 1.2rem);
	line-height: 1;
	white-space: pre;
	animation: glow 3s ease-in-out infinite alternate;
	text-shadow: 0 0 5px rgba(59, 59, 59, 0.5), 0 0 10px rgba(123, 123, 123, 0.3);
}

@keyframes glow {
	from {
		text-shadow: 0 0 5px rgba(98, 99, 98, 0.5), 0 0 10px rgba(47, 48, 47, 0.3);
		opacity: 0.9;
	}
	to {
		text-shadow: 0 0 8px rgba(128, 130, 128, 0.6), 0 0 15px rgba(89, 89, 89, 0.4);
		opacity: 1;
	}
}

.content-page {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2rem;
	background: #000;
}

.content-block {
	max-width: 800px;
	width: 100%;
	background: rgba(0, 255, 0, 0.05);
	border: 1px solid #4c4d4c;
	padding: 2rem;
	border-radius: 0;
	box-shadow: 0 0 20px rgba(57, 57, 57, 0.3);
	animation: subtle-glow 3s ease-in-out infinite alternate;
}

@keyframes subtle-glow {
	from {
		box-shadow: 0 0 20px rgba(64, 65, 64, 0.3);
	}
	to {
		box-shadow: 0 0 30px rgba(93, 93, 93, 0.5);
	}
}

.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4,
.content-block h5,
.content-block h6 {
	color: #333333;
	font-family: 'Doto', monospace;
	margin-bottom: 1rem;
	text-shadow: 0 0 10px #333333;
}

.content-block p {
	margin-bottom: 1rem;
	line-height: 1.6;
	color: #888888;
}

.content-block a {
	color: #525352;
	text-decoration: none;
	text-shadow: 0 0 5px #555555;
	transition: all 0.3s ease;
}

.content-block a:hover {
	color: #ffffff;
	text-shadow: 0 0 10px #ffffff;
}

.post-meta {
	font-size: 0.9rem;
	color: #555555;
	margin-bottom: 1.5rem;
	text-shadow: 0 0 5px #333333;
	opacity: 0.8;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.ascii-art {
		font-size: clamp(0.6rem, 3vw, 1rem);
	}
	
	.content-block {
		padding: 1rem;
		margin: 1rem;
	}
}

@media (max-width: 480px) {
	.ascii-art {
		font-size: clamp(0.5rem, 4vw, 0.8rem);
	}
}