footer{
    width: 100%;
    height: 100%;
    background: rgb(236,255,187);
background: linear-gradient(90deg, var(--principal-second-color) 0%, #ffffff00 88%);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 30px;
    font-size: 20px;
    font-weight: 500;
    color: aliceblue;
}

footer .contenedor{
    margin: auto;
    width: 90%;
}

footer p{
    margin-bottom: -10px;
}

footer a{
    color: rgb(146, 255, 215);
    text-decoration: none;
    font-weight: 700;
}

footer i{
    transition: all 0.6s ease-in-out;
}

footer i:hover{
    transform: rotate(360deg);
    transition: all 0.7s ease-in-out;
}