body {
   }

.BackBlackColor {
    color: #fff;
    background-color: #000000;

}

.rotating-arrow {
    width: 50px;
    margin-top: 13px;
    margin-left: 42%;
    display: block;
    position: relative;
    top: 45%;
    background-color: #e1f584;
    border-radius: 24px;
    -webkit-animation: rotation 1.75s infinite linear;
    -moz-animation: rotation 1.75s infinite linear;
    -o-animation: rotation 1.75s infinite linear;
    animation: rotation 1.75s infinite linear;
}

.page-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 100;
    background: #000;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}