@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Nunito:wght@400;700&display=swap');

#contact-paragraph {
    font-family: 'Nunito', sans-serif; /* Primary font for the paragraph */
    line-height: 1.6; /* Adequate spacing between lines */
    text-align: left; /* Aligns text to the left */
    color: #1E2236; /* Primary text color */
}

#masked-info {
    font-family: 'Montserrat', sans-serif; /* Secondary font for a slight contrast */
    font-size: 16px; /* Readable font size */
    color: #39414E; /* Slightly lighter color for less emphasis */
}

#masked-phone, #masked-email {
    cursor: pointer; /* Changes the cursor to indicate clickability */
    display: inline-block; /* Ensures elements don’t take up full width unnecessarily */
    margin: 8px 0; /* Vertical spacing */
    color: #00A443; /* Accent color for clickable items */
    font-weight: 600; /* Makes the clickable items slightly bolder */
}

#masked-phone:hover, #masked-email:hover {
    text-decoration: underline; /* Adds an underline on hover for better UX */
    color: #007A33; /* A darker shade of the accent color for hover state */
}