html.redirect-page, .redirect-page body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
    background-size: 400% 400%;

    -webkit-animation: anim-gradient 5s ease infinite;
    -moz-animation: anim-gradient 5s ease infinite;
    animation: anim-gradient 5s ease infinite;
}

@-webkit-keyframes anim-gradient {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@-moz-keyframes anim-gradient {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}
@keyframes anim-gradient {
    0%{background-position:0% 90%}
    50%{background-position:100% 11%}
    100%{background-position:0% 90%}
}

.redirection.center-section {
    width: 100% !important;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.center-section img {
    width: 175px;
    height: auto;
}
.center-section i {
    font-size: 40px;
    margin-right: 30px;

    -webkit-animation: slide 1s linear infinite;
    animation: slide 1s linear infinite;
}

@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(-30px); }
    20% { opacity:1; transform: translateX(-10px); }
    80% { opacity:1; transform: translateX(10px); }
    100% { opacity:0; transform: translateX(30px); }
}
@keyframes slide {
    0% { opacity:0; transform: translateX(-30px); }
    20% { opacity:1; transform: translateX(-10px); }
    80% { opacity:1; transform: translateX(10px); }
    100% { opacity:0; transform: translateX(30px); }
}