@charset "UTF-8";

/* Incons GitHub */

.github {
    background-color: white;
    color: var(--principal);
    transition: background 2s, color 1s;
}

.github:hover {
    background-color: black;
    color: white;
    transition: 1s;
}

/* Icons Facebook */

.facebook {
    background-color: white;
    color: var(--principal);
    transition: background 2s, color 1s;
}

.facebook:hover {
    background-color: #1877F2;
    color: white;
    transition: 1s;
}

/* Icons linkedin */

.linkedin {
    background-color: white;
    color: var(--principal);
    transition: background 2s, color 1s;
}

.linkedin:hover {
    transition: 1s;
    background-color: #0A66C2;
    color: white
}

/* Icons Instagram */

.instagram {
    background-color: white;
    color: var(--principal);
    transition: background 2s, color 1s;
}

.instagram:hover {
    color: rgb(155, 154, 154);
    background: linear-gradient(45deg, #c58a5a, #a31f5a, #9c53c7, #3c47be);
}

/* Icons Envelope */

.envelope {
    background-color: rgb(255, 255, 255);
    color: var(--principal);
    transition: background 2s, color 1s;
}

.envelope:hover {
    background-color: var(--principal);
    color: white;
    transition: 1s;
}

/* Icons Whatzaap */

.zap {
    background-color: white;
    color: rgb(95, 95, 95);
    transition: background 2s, color 1s;
}

.zap:hover {
    background-color: rgb(0, 0, 0);
    color: #25D366;
    transition: 1s;
}