:root {
    --contact-h2-tc: rgb(var(--secondary-color-rgb));
    --contact-link-tc: rgb(var(--secondary-color-rgb));
    --contact-frame-bc: #dbdbdb;
    --contact-frame-sc: rgba(0, 0, 0, 0.1);
}

:root[data-bs-theme="dark"] {
    --contact-frame-sc: rgba(255, 255, 255, 0.1);
}

#contact .iframe-wrapper iframe {
    width: 100%;
    height: 450px;
    border-radius: 8px;
    border: 1px solid var(--contact-frame-bc);
    box-shadow: 0 10px 15px -3px var(--contact-frame-sc);
}

#contact h2 {
    color: var(--contact-h2-tc);
    letter-spacing: 3px;
}

#contact h3 {
    color: var(--contact-h2-tc);
    letter-spacing: 4.8px;
}

#contact a {
    text-decoration: none;
    color: var(--contact-link-tc);
}