/* style.css */
:root {
    --sketch: #1f3f66;
    --yellow: #fcb436;
    --white: #fff;
}

html, body {
    height: 100%;
}

body {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #1f3f66;
}

a {
    text-decoration: none;
    color: #fff;
}

/* Hover styles for phone numbers */
.social-link:hover {
    color: var(--white) !important;
    transition: color 0.3s ease;
}


/* Add styles for consistent spacing and alignment */
.nav-item {
    display: flex;
    align-items: center;
}

.info-item {
    transition: color 0.3s ease;
}

/* Additional hover effect for the entire phone/email container */
#phone-primary:hover *,
#phone-secondary:hover *,
#phone-tertiary:hover *,
#email-placeholder:hover {
    color: var(--white);
    transition: color 0.3s ease;
}