* {
    padding: 0px;
    margin: 0px;
}

body {
    overflow: hidden;
}

.page-bg {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: url('https://i.imgur.com/BlihuYt.jpg') center;
    -webkit-filter: blur(0px);
    z-index: 10;
}

.preloader {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: -webkit-radial-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.8));
    z-index: 10;
}

.preloader > .preloader-box {
    position: absolute;
    width: 250px;
    height: 20px;
    top: 42%;
    left: 50%;
    margin: -5px 0 0 -80px;
    -webkit-perspective: 120px;
}

.preloader .preloader-box > div {
    position: relative;
    width: 20px;
    height: 20px;
    background: #CCC;
    float: left;
    text-align: center;
    line-height: 20px;
    font-family: Verdana;
    font-size: 25px;
    color: #FFF;
}

.preloader .preloader-box > div:nth-child(1) {
    background: #993300;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 0ms infinite alternate;
}
.preloader .preloader-box > div:nth-child(2) {
    background: #311126FF;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 75ms infinite alternate;
}
.preloader .preloader-box > div:nth-child(3) {
    background: #880006FF;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 150ms infinite alternate;
}

.preloader .preloader-box > div:nth-child(4) {
    background: #9966FF;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 225ms infinite alternate;
}

.preloader .preloader-box > div:nth-child(5) {
    background: #666633;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 300ms infinite alternate;
}

.preloader .preloader-box > div:nth-child(6) {
    background: #ff0000;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 375ms infinite alternate;
}

.preloader .preloader-box > div:nth-child(7) {
    background: #cc0099;
    margin-right: 5px;
    -webkit-animation: movement 600ms ease 450ms infinite alternate;
}

.preloader .preloader-box > div:nth-child(8) {
    background: #009900;
    -webkit-animation: movement 600ms ease 525ms infinite alternate;
}
.preloader .preloader-box > div:nth-child(9) {
    background: #66ff66;
    -webkit-animation: movement 600ms ease 525ms infinite alternate;
}
.preloader .preloader-box > div:nth-child(10) {
    background: #1f471f;
    -webkit-animation: movement 600ms ease 525ms infinite alternate;
}

@-webkit-keyframes movement {
    from {
        /*-webkit-transform: scale(1.0) translateY(0px) rotateX(0deg);*/
        box-shadow: 0 0 0 rgba(0,0,0,0);
    }
    to {
       /* -webkit-transform: scale(1.5) translateY(-25px) rotateX(45deg);*/
        box-shadow: 0 15px 20px rgba(0,0,0,0.4);
        background: rgb(166, 176, 185);
    }
}