/* Add this to your existing CSS or create a new CSS file */

#contact {
    text-align: center;
    background-color: white;
    
}
.contact-title{
    padding-top: 20%;
    font-size: 40px;
}

.contact-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    
}

.contact-item {
    text-align: center;
    text-decoration: none;
    color: #333; /* Adjust the color as needed */
    transition: color 0.3s ease;
    margin: auto; 
    
}

.contact-item:hover {
    color: #0077b5; /* Adjust the hover color as needed */
}

.contact-icon {
    width: 80px; /* Adjust the size as needed */
    height: 80px; /* Adjust the size as needed */
    margin-bottom: 10px;
}
.eyes-animation {
    display: block;
    margin:auto;
}