* { transform: skew(2deg); } .modal-content h3 { font-family: var(--font-sans); font-size: 2rem; color: var(--hot-pink); margin-bottom: 20px; text-shadow: 0 0 8px var(--hot-pink); } .modal-content p { font-family: var(--font-mono); margin-bottom: 15px; line-height: 1.8; color: #ccc; } .modal-content ul { list-style: none; padding-left: 20px; margin-bottom: 15px; } .modal-content ul li { font-family: var(--font-mono); margin-bottom: 8px; position: relative; color: #ccc; } .modal-content ul li::before { content: '>'; color: var(--electric-blue); margin-right: 10px; font-weight: bold; } .close-button { color: var(--hot-pink); font-size: 2rem; font-weight: bold; position: absolute; top: 15px; right: 25px; cursor: pointer; transition: color 0.3s ease, text-shadow 0.3s ease; } .close-button:hover, .close-button:focus { color: var(--neon-green); text-shadow: 0 0 10px var(--neon-green); outline: none; } /* Cookie Consent */ .cookie-consent { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(10, 10, 10, 0.95); border-top: 2px solid var(--electric-blue); padding: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; z-index: 1500; box-shadow: 0 0 20px rgba(0, 255, 255, 0.5); transform: translateY(100%); transition: transform 0.5s ease-out; } .cookie-consent.show { transform: translateY(0); } .cookie-consent p { margin: 0; font-family: var(--font-mono); font-size: 1rem; color: #ccc; } .cookie-consent button { padding: 10px 20px; background: transparent; border: 1px solid var(--hot-pink); color: var(--hot-pink); font-family: var(--font-mono); font-size: 1rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 0 5px rgba(255, 20, 147, 0.5); } .cookie-consent button:hover { background-color: var(--hot-pink); color: var(--bg-dark); box-shadow: 0 0 10px var(--hot-pink); } .cookie-consent a { color: var(--neon-green); text-shadow: 0 0 3px var(--neon-green); } /* Animations */ @keyframes glitchText { 0% { text-shadow: 0 0 10px var(--electric-blue), 0 0 20px var(--electric-blue), 0 0 30px rgba(0, 255, 255, 0.7); transform: translateX(0px) translateY(0px); } 20% { text-shadow: 2px 2px 10px var(--electric-blue), -2px -2px 20px var(--electric-blue), 4px -4px 30px rgba(0, 255, 255, 0.7); transform: translateX(2px) translateY(-2px); } 40% { text-shadow: -2px 0px 10px var(--electric-blue), 0px 2px 20px var(--electric-blue), -4px 4px 30px rgba(0, 255, 255, 0.7); transform: translateX(-1px) translateY(1px); } 60% { text-shadow: 0px -2px 10px var(--electric-blue), 2px 0px 20px var(--electric-blue), 0px -4px 30px rgba(0, 255, 255, 0.7); transform: translateX(1px) translateY(-1px); } 80% { text-shadow: -1px 1px 10px var(--electric-blue), 1px -1px 20px var(--electric-blue), -2px 2px 30px rgba(0, 255, 255, 0.7); transform: translateX(-2px) translateY(2px); } 100% { text-shadow: 0 0 10px var(--electric-blue), 0 0 20px var(--electric-blue), 0 0 30px rgba(0, 255, 255, 0.7); transform: translateX(0px) translateY(0px); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px) skew(-2deg); } to { opacity: 1; transform: translateY(0) skew(-2deg); } } /* Responsive Design */ @media (max-width: 900px) { .nav-links { position: fixed; right: 0; top: 80px; background-color: rgba(10, 10, 10, 0.95); width: 70%; height: calc(100vh - 80px); flex-direction: column; transform: translateX(100%); transition: transform 0.5s ease-in-out; padding: 30px; border-left: 1px solid var(--electric-blue); box-shadow: -5px 0 15px rgba(0, 255, 255, 0.5); } .nav-links.active { transform: translateX(0); } .nav-links li { margin: 20px 0; } .hamburger { display: flex; } .hero h1 { font-size: 2.5rem; } .hero p { font-size: 1rem; } .btn-neon { padding: 12px 25px; font-size: 1rem; } h2 { font-size: 2rem; } .about-content { flex-direction: column; gap: 20px; } .about-image { max-width: 100%; } .service-card { padding: 20px; } .service-card h3 { font-size: 1.5rem; } .contact-panel { padding: 30px; } .contact-panel input, .contact-panel textarea { padding: 10px; } .contact-panel button[type="submit"] { padding: 12px 30px; font-size: 1rem; } footer .footer-links { display: flex; flex-direction: column; gap: 10px; } footer .footer-links a { margin: 0; } } @media (max-width: 500px) { .hero-content { padding: 15px; } .hero h1 { font-size: 2rem; } .hero p { font-size: 0.9rem; } h2 { font-size: 1.8rem; } .contact-panel { padding: 20px; } .cookie-consent { flex-direction: column; text-align: center; } }
Cyberpunk stad bij nacht

Jouw Visie. Onze Technologie.

Verity Video Solutions: Waar digitale dromen werkelijkheid worden met de scherpste beelden en de meest geavanceerde producties.

Neem Contact Op

Over Verity Video Solutions

In een wereld gedreven door visuele content, onderscheidt Verity Video Solutions zich als jouw partner in high-impact videoproductie. We combineren cutting-edge technologie met creatieve storytelling om beelden te creëren die resoneren.

Ons team van experts is gespecialiseerd in het omzetten van complexe ideeën in boeiende visuele ervaringen, van concept tot post-productie. We geloven in de kracht van video om boodschappen te versterken en connecties te smeden.

Video editor aan het werk met futuristische interface

Onze Video Diensten

Bedrijfsvideo's

Van corporate presentaties tot interne communicatie, wij creëren professionele video's die jouw merkverhaal vertellen en jouw boodschap versterken.

Reclame & Promotie

Opvallende commercials en promotionele video's die de aandacht trekken en jouw doelgroep activeren in de digitale jungle.

Event Registratie

Leg de essentie van jouw evenement vast met dynamische en professionele videoregistraties, van conferenties tot live optredens.

Animatie & VFX

Breng jouw concepten tot leven met geavanceerde animatie, motion graphics en visuele effecten die de grenzen van de werkelijkheid verleggen.

Neem Contact Op

Adres: Avenue de l'Europe 2, 6000 Charleroi, België

Telefoon: +32 71 654 321

E-mail: [email protected]