<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MicroMindGames - Retro EQ Games</title>
<style>
body {
font-family: 'Comic Sans MS', cursive, sans-serif;
background-color: #000080; /* Navy background */
color: #FFD700; /* Gold text */
text-align: center;
margin: 0;
padding: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.container {
background-color: rgba(0, 0, 0, 0.7);
border: 5px solid #FF69B4; /* Hot pink border */
border-radius: 15px;
padding: 20px;
max-width: 800px;
margin: 20px auto;
box-shadow: 0 0 10px #FF69B4, 0 0 20px #FF69B4, 0 0 30px #FF69B4; /* Neon glow effect */
}
h1 {
font-size: 3em;
text-shadow: 2px 2px #FF69B4, 4px 4px #9370DB; /* Text shadow effect */
margin-bottom: 10px;
}
.blink {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% { opacity: 0; }
}
.game-link {
display: inline-block;
background-color: #FF69B4;
color: #000080;
padding: 10px 20px;
margin: 10px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: all 0.3s ease;
}
.game-link:hover {
background-color: #9370DB;
transform: scale(1.1);
}
.marquee {
background-color: #FFD700;
color: #000080;
padding: 10px;
margin-top: 20px;
}
.visitor-counter {
font-size: 0.8em;
margin-top: 20px;
}
.footer {
margin-top: 20px;
font-size: 0.8em;
}
</style>
</head>
<body>
<div class="container">
<h1>MicroMindGames</h1>
<p class="blink">Welcome to our rad collection of EQ games!</p>
<div>
<a href="eq_minigame.html" class="game-link">Play EQ Mini-Game</a>
<a href="#" class="game-link">More Games Coming Soon!</a>
</div>
<div class="marquee">
<marquee>Thanks for visiting MicroMindGames! Boost your EQ while having totally tubular fun!</marquee>
</div>
<div class="visitor-counter">
<img src="https://hitwebcounter.com/counter/counter.php?page=7073620&style=0006&nbdigits=5&type=page&initCount=0" alt="Visitor Counter" border="0" />
</div>
</div>
<div class="footer">
© 2024 MicroMindGames | Made with 💖 on <a href="https://neocities.org">Neocities</a>
</div>
</body>
</html>