#social-media a {
    background-color: var(--white);
    display: inline-block;
    border-radius: 50%;
    text-decoration: none;
    transition: background-color .5s ease;
}

#social-media a:hover {
    border-radius: 50%;
    transition: background-color .5s ease, border-radious .5 ease;
}

form button {
    background-color: var(--secundario);
    color: var(--white);
    margin: 3rem;
    border: none;
    padding: 1rem;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color .3s ease;
}

form button:hover {
    background-color: var(--secundario2);
}

#Contact form {


    & #submit {
        background-color: var(--secundario);
        border-radius: 30px;
        margin: 2rem;
        padding: .7rem;
    }

    & input {
        background-color: var(--gray3);
    }
}

form label {
    display: block;
    width: 50%;
    margin: 0 auto;
}

input,
text,
input:hover,
text:hover {
    width: 100%;
    padding: 1rem;
    color: var(--black);
    border: none;
    box-shadow: none;
    cursor: pointer;
    margin: 1rem 0 2rem;
}

textarea {
    resize: none;
    display: block;
    width: 100%;
    background-color: var(--gray3);




    margin: 0 auto;
}

#linkedin:hover {
    background-color: blue;
    border-radius: 50%;
    transition: background-color .5s ease, border-radious .5 ease;
}

#github:hover {
    background-color: black;
    border-radius: 50%;
    transition: background-color .5s ease, border-radious .5 ease;
}

#Youtube:hover {
    background-color: red;
    border-radius: 50%;
    transition: background-color .5s ease, border-radious .5 ease;
}