Contact has been added

style.css

@@ -135,7 +135,8 @@ h1, h2, h3, p { margin-top: 0; }
 .contact-description { max-width: 380px; margin: 20px 0 0; color: var(--muted); font-size: 12px; line-height: 1.9; }
 .contact-card { position: relative; display: flex; min-height: 125px; flex-direction: column; justify-content: center; padding: 24px 25px; border: 1px solid rgba(131, 230, 195, .24); border-radius: 4px; background: rgba(14, 23, 25, .77); box-shadow: 0 18px 48px rgba(0, 0, 0, .12); }
 .contact-card-label { margin-bottom: 12px; color: var(--accent); font: 9px/1.4 var(--mono); letter-spacing: .12em; }
-.contact-placeholder { color: #d7e1dd; font-size: 13px; }
+.contact-placeholder { width: fit-content; color: #d7e1dd; font-size: 13px; text-decoration: underline; text-decoration-color: rgba(131, 230, 195, .38); text-underline-offset: 4px; transition: color .2s ease, text-decoration-color .2s ease; }
+.contact-placeholder:hover { color: var(--accent); text-decoration-color: var(--accent); }
 .contact-card-note { margin-top: 8px; color: #788887; font-size: 10px; }
 .contact-card-mark { position: absolute; top: 21px; right: 21px; color: var(--accent); font-size: 16px; }
 .site-footer { background: #090c10; }.footer-inner { display: flex; min-height: 85px; align-items: center; justify-content: space-between; gap: 25px; }