@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

body {
	padding: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
}

.font_gamer {
    font-family: 'Press Start 2P', cursive; /* Fonte mais geek */
    line-height: 1.6;
    color: #eee; /* Cor de texto mais clara para fundo escuro */
    overflow-x: hidden;
    /* background-color: #1a1a2e; Fundo escuro para atmosfera geek */
}

h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}

@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-15px); }
	100% { transform: translateY(0px); }
}

.sock-animation {
	animation: float 3s ease-in-out infinite;
}

.hero-gradient {
	background: linear-gradient(135deg, rgba(255,107,107,0.9) 0%, rgba(78,205,196,0.9) 100%);
}

.instagram-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 10px;
}

@media (min-width: 768px) {
	.instagram-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.testimonial-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

input:focus, textarea:focus {
	box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.4);
}