:root{
    --color : #4e4e4e;
    --color-background : #F0F4FF;
    --principal-blue-color:#2A344E;
    --principal-blue-2-color: #1F3C8A;
    --principal-green-color: #1D8E72;
    --color-background-footer:#29b692;
}

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

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

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

footer a{
    color: var(--color-background);
    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;
}