body {
	background-color: #000;
	color: #fff;
	overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #050505; 
}
::-webkit-scrollbar-thumb {
background: #333; 
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #00f3ff; 
}

/* Animation Utilities */
.reveal-section {
opacity: 0;
transform: translateY(20px);
transition: all 1s ease-out;
}
.reveal-section.is-visible {
opacity: 1;
transform: translateY(0);
}

/* Stile base elemento Matrix */
.mtx {
    opacity: 0; /* Invisibile all'inizio */
    display: inline-block;
    white-space: pre-wrap;
    /*font-family: 'Courier New', Courier, monospace;*/ /* Font tecnico consigliato */
    /*font-weight: bold;*/
    
    /* COLORE DI PARTENZA (Ciano Matrix) */
    color: #00f3ff; 
    text-shadow: 0 0 8px rgba(0, 243, 255, 0.6); /* Effetto Glow */
    
    /* Prepara l'animazione di caduta */
    transform: translateY(-50px); 
    transition: opacity 0.5s ease;
}

/* Quando diventa visibile */
.mtx.is-visible {
    opacity: 1;
    /* Esegue l'animazione di caduta */
    animation: dropIn 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

/* Animazione fisica "Caduta dall'alto" */
@keyframes dropIn {
    0% {
        opacity: 0;
        transform: translateY(-50px); /* Parte da sopra */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Arriva in posizione */
    }
}

/* Classe per le lettere ormai "Decodificate" (Bianco) */
.mtx-solved {
    color: #ffffff;
    text-shadow: none; /* Rimuove il glow dal bianco per renderlo nitido */
}

@media screen and (max-width: 700px) {
	.top_address {
		text-align: center !important;
	}
	.nav_menu {
		display: none !important;
	}
}