Contattaci | Sakrù body { font-family: 'Montserrat', sans-serif; background-color: #000000; /* Nero puro */ color: #FFFFFF; /* Bianco purissimo per tutte le scritte */ margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; box-sizing: border-box; overflow-x: hidden; /* Evita scroll orizzontale su alcuni dispositivi */ } .container { text-align: center; padding: 70px; /* Ancora più padding */ max-width: 900px; /* Ancora più larghezza massima */ width: 90%; background-color: rgba(255, 255, 255, 0.12); /* Trasparenza leggermente aumentata per più luminosità */ border-radius: 25px; /* Più arrotondato */ box-shadow: 0 0 60px rgba(255, 255, 255, 0.55), /* Ombra bianca principale più intensa */ 0 0 100px rgba(255, 255, 255, 0.2); /* Ombra più diffusa per un effetto halo */ border: 2px solid rgba(255, 255, 255, 0.2); /* Bordo più visibile per definire il contenitore */ } h1 { font-size: 6em; /* ENORME! */ margin-bottom: 50px; font-weight: 900; /* Massima robustezza */ letter-spacing: 8px; /* Massima spaziatura */ text-transform: uppercase; /* EFFETTO GLOW BIANCO NEON - MOLTIPLICATO */ text-shadow: 0 0 10px #FFFFFF, /* Base brillante */ 0 0 20px #FFFFFF, /* Maggiore brillantezza */ 0 0 30px #FFFFFF, /* Ancora più brillante */ 0 0 40px rgba(255, 255, 255, 0.9), /* Effetto halo */ 0 0 60px rgba(255, 255, 255, 0.7), /* Effetto glow diffuso */ 0 0 80px rgba(255, 255, 255, 0.5), /* Estensione del glow */ 0 0 100px rgba(255, 255, 255, 0.3); /* Massima diffusione */ } /* Stile specifico per il primo paragrafo, per renderlo ESTREMAMENTE visibile */ .container p:first-of-type { font-size: 2em; /* Estremamente grande */ font-weight: 700; /* Molto bold */ line-height: 2.2; /* Massima interlinea */ /* EFFETTO GLOW BIANCO NEON - PRONUNCIATO */ text-shadow: 0 0 8px #FFFFFF, 0 0 15px #FFFFFF, 0 0 25px rgba(255, 255, 255, 0.9), 0 0 40px rgba(255, 255, 255, 0.6); } p { /* Stile per tutti gli altri paragrafi, inclusi quelli successivi al primo, ma in questo caso solo per i "strong" all'interno dei contact-item */ font-size: 1.6em; /* Ancora più grande dei precedenti */ margin-bottom: 25px; font-weight: 400; line-height: 2; text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.5); /* Glow più pronunciato */ } .contact-info { margin-top: 60px; /* Aumentato il margine superiore per bilanciare la rimozione del testo */ } .contact-item { margin-bottom: 50px; } .contact-item a { color: #FFFFFF; /* Bianco purissimo per i link */ text-decoration: none; font-size: 2.5em; /* Gigante per i link */ font-weight: 900; /* Massima robustezza per i link */ /* EFFETTO GLOW BIANCO NEON - PRONUNCIATO per i link */ text-shadow: 0 0 15px #FFFFFF, 0 0 30px #FFFFFF, 0 0 50px rgba(255, 255, 255, 0.9), 0 0 70px rgba(255, 255, 255, 0.6); transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; } .contact-item a:hover { color: #FFD700; /* Oro per l'hover */ /* Glow dorato NEON all'hover */ text-shadow: 0 0 20px rgba(255, 215, 0, 1), 0 0 40px rgba(255, 215, 0, 0.9), 0 0 60px rgba(255, 215, 0, 0.7), 0 0 80px rgba(255, 215, 0, 0.5); } /* Responsive design */ @media (max-width: 1024px) { h1 { font-size: 5em; letter-spacing: 6px; } .container p:first-of-type { font-size: 1.8em; } p { font-size: 1.4em; } .contact-item a { font-size: 2.2em; } } @media (max-width: 768px) { .container { padding: 50px; } h1 { font-size: 3.8em; letter-spacing: 4px; } .container p:first-of-type { font-size: 1.5em; line-height: 1.8; } p { font-size: 1.2em; line-height: 1.8; } .contact-item a { font-size: 1.8em; } } @media (max-width: 480px) { .container { padding: 35px; } h1 { font-size: 2.8em; letter-spacing: 2px; margin-bottom: 30px; } .container p:first-of-type { font-size: 1.2em; line-height: 1.6; } p { font-size: 1em; line-height: 1.6; } .contact-item a { font-size: 1.4em; } }