.contact-container
{
    max-width: 1200px;
    display: flex;
    justify-content: center;
}

.contact-links
{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.contact-icon
{
    width: 50px;
    height: 50px;
    margin: 0 1rem;
    transition: transform 0.3s ease;
}

.contact-icon:hover img
{
    transform: scale(1.2);
    filter: drop-shadow(0 0 10px #d55566);
}

.contact-icon img
{
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.contact-panel
{
    text-align: center;
    margin-top: 2rem;
    width: 400px;
}

.contact-panel h3
{
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #d55566;
}