.contact {
    background: var(--second-bg-color);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 8rem 2rem 4rem 2rem;
}

.contact h2 {
    line-height: 2.5rem;
    text-align: left;
}

.contact p {
    margin-bottom: 1.5rem;
}

.contact i {
    margin: 1.5rem 0.5rem;
    background-color: var(--contrast-color);
    padding: 0.5rem;
    border-radius: 8px;
    font-size: 2rem;
    color: var(--second-color);
}

.contact a span{
    transition: 0.6s;
}


.contact a span:hover{
    margin-left: 0.5rem;
    transition: 0.6s;
}

.contact i:hover {
    background-color: var(--second-color);
    color: var(--contrast-color);
    transition: 0.6s;
}