body {
    background-image: linear-gradient(to left bottom,
            #f4f0f0,
            #f4f0f0,
            #f4f0f0,
            #f4f0f0,
            #f4f0f0);

    background-size: 800%;
    animation: animateClr 1s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99);
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    border: none;
    border-bottom: 2px solid rgb(128, 126, 126);
    background: transparent;
    outline: none;
    width: 100%;
    text-transform: none;
    padding: 1rem 0.4rem;
}

.aside {
    background-image: linear-gradient(to left bottom,
            #343a40,
            #343a40,
            #343a40,
            #343a40,
            #b2b2b2);
    animation: animateClr 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99);
    background-size: 400%;
}

@keyframes animateClr {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

ion-icon:not([name="logo-codepen"]) {
    border: 1px solid currentColor;
    border-radius: 20%;
    padding: 1rem;
}