:root {
    --primary-text-color: #333;
    --secondary-text-color: #666;
    --light-bg-color: #f8f8f8;
    --dark-bg-color: #333;
    --accent-color: #D43F3F; 
    --link-color: #007bff; 
}


body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--light-bg-color);
    color: var(--primary-text-color);
    font-size: 16px; 
    line-height: 1.6; 
}

.logo
{
    width: 200px;
}

.sub-logo
{
    width: 150px;
}

.contact-list li a:hover,
.tagline {
    
    animation: colorSwitch 0.8s infinite; 
}

.footer-text a {
    color: var(--link-color); 
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.footer-text a:hover {
    color: var(--accent-color); 
    text-decoration: underline; 
}

@keyframes colorSwitch {
    0% { color: red; }      
    50% { color: rgb(44, 109, 184); }    
    100% { color: red; }    
}
.fas fa-envelope me-2 {
    font-weight: bold; 
    font-size: larger;
    animation: colorSwitch 0.2s infinite;
}

@keyframes colorSwitch {
    0% { color: red; }      
    50% { color: rgb(44, 109, 184); }    
    100% { color: red; }    
}