/*
 * Contact page (port of Contact.dc.html).
 * Helmet keyframes (vmHeroIn is the 60px variant of this page) + style-hover
 * rules (the runtime made every hover declaration !important).
 */

@keyframes vmHeroIn { from { opacity: 0; transform: translateY(60px); filter: blur(12px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes vmStretch { from { font-stretch: 62%; opacity: 0; } to { font-stretch: 100%; opacity: 1; } }
@keyframes vmLive { 0% { box-shadow: 0 0 0 0 rgba(193, 237, 0, .7); } 100% { box-shadow: 0 0 0 12px rgba(193, 237, 0, 0); } }

/* style-hover */
.vmc-card:hover { border-color: #c1ed00 !important; translate: 0 -4px !important; }
.vmc-ghost:hover { border-color: #edf0ea !important; }