body {
    margin: 0;
    padding: 0;
}

.redirect {
    width: 100%;
    margin-top: 10px;}

.wehype {
    
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

    .redirect div {
        width: 90%;
        max-width: 400px;
        margin: 0 auto;
    }

        .redirect div p {
            margin-top: 1em;
            font-size: 1.4em;
            text-align: center;
        }

.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .loader:before {
        display: block;
        position: absolute;
        content: "";
        left: -200px;
        width: 200px;
        height: 4px;
        background-color: #4c66ff;
        animation: loading 2s linear infinite;
    }

@keyframes loading {
    from {
        left: -400px;
        width: 10%;
    }

    50% {
        width: 30%;
    }

    70% {
        width: 70%;
    }

    80% {
        left: 50%;
    }

    95% {
        left: 120%;
    }

    to {
        left: 100%;
    }
}

.logo {
    margin-top: 4em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    max-width:150px;
}