/* background */

        .background-w {
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            overflow:hidden;
            background:#12161d;
            position:fixed;
            top:0;
            left:0;
            z-index:1;
        }

        .background {
            width: 100vw;
            height: 100vh;
            background: #12161d;
            position: fixed;
            top:0;
            left:0;
            z-index:1;
        }

        .background span {
            width: 70vmin;
            height: 70vmin;
            border-radius: 70vmin;
            backface-visibility: hidden;
            position: absolute;
            animation-name: move;
            animation-duration: 200s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .background span:nth-child(1) {
            color: #aa9329;
            top: 35%;
            left: 45%;
            animation-duration: 99.9s;
            animation-delay: -94.8s;
            transform-origin: -23vw -12vh;
            box-shadow: 100vmin 0 18.8388364296vmin currentColor;
        }

        .background span:nth-child(2) {
            color: #62962b;
            top: 20%;
            left: 39%;
            animation-duration: 198.9s;
            animation-delay: -51.6s;
            transform-origin: 10vw -1vh;
            box-shadow: -100vmin 0 16.7915524215vmin currentColor;
        }

        .background span:nth-child(3) {
            color: #2e6d78;
            top: 46%;
            left: 79%;
            animation-duration: 59.5s;
            animation-delay: -66.2s;
            transform-origin: 23vw 20vh;
            box-shadow: -100vmin 0 32.0815322012vmin currentColor;
        }

        .background span:nth-child(4) {
            color: #a03a3a;
            top: 16%;
            left: 42%;
            animation-duration: 82.6s;
            animation-delay: -81.9s;
            transform-origin: 8vw 4vh;
            box-shadow: -100vmin 0 32.2054078549vmin currentColor;
        }

        .background span:nth-child(5) {
            color: #a03a3a;
            top: 60%;
            left: 24%;
            animation-duration: 66.8s;
            animation-delay: -23.3s;
            transform-origin: 2vw -4vh;
            box-shadow: 100vmin 0 21.1179652771vmin currentColor;
        }

        .background span:nth-child(6) {
            color: #aa9329;
            top: 81%;
            left: 85%;
            animation-duration: 48.1s;
            animation-delay: -10.8s;
            transform-origin: -8vw -21vh;
            box-shadow: -100vmin 0 13.1282556056vmin currentColor;
        }

        .background span:nth-child(7) {
            color: #62962b;
            top: 11%;
            left: 56%;
            animation-duration: 121.2s;
            animation-delay: -74.8s;
            transform-origin: 2vw -20vh;
            box-shadow: -100vmin 0 13.3030868628vmin currentColor;
        }

        .background span:nth-child(8) {
            color: #2e6d78;
            top: 39%;
            left: 76%;
            animation-duration: 63.6s;
            animation-delay: -54.1s;
            transform-origin: -22vw -20vh;
            box-shadow: -100vmin 0 19.4051411652vmin currentColor;
        }
/*
        .background span:nth-child(9) {
            color: #2e6d78;
            top: 95%;
            left: 59%;
            animation-duration: 103.5s;
            animation-delay: -115.1s;
            transform-origin: 18vw -13vh;
            box-shadow: -100vmin 0 22.0207129857vmin currentColor;
        }

        .background span:nth-child(10) {
            color: #a03a3a;
            top: 52%;
            left: 4%;
            animation-duration: 194.6s;
            animation-delay: -191.6s;
            transform-origin: -14vw 20vh;
            box-shadow: 100vmin 0 30.1016833677vmin currentColor;
        }

        .background span:nth-child(11) {
            color: #aa9329;
            top: 50%;
            left: 43%;
            animation-duration: 39.6s;
            animation-delay: -81.2s;
            transform-origin: -2vw 0vh;
            box-shadow: -100vmin 0 16.1802675981vmin currentColor;
        }

        .background span:nth-child(12) {
            color: #62962b;
            top: 20%;
            left: 54%;
            animation-duration: 66s;
            animation-delay: -192s;
            transform-origin: -22vw 2vh;
            box-shadow: 100vmin 0 20.9446521997vmin currentColor;
        }

        .background span:nth-child(13) {
            color: #2e6d78;
            top: 32%;
            left: 30%;
            animation-duration: 208.1s;
            animation-delay: -189.5s;
            transform-origin: -14vw -20vh;
            box-shadow: -100vmin 0 26.2615233666vmin currentColor;
        }

        .background span:nth-child(14) {
            color: #62962b;
            top: 84%;
            left: 78%;
            animation-duration: 98.9s;
            animation-delay: -163.7s;
            transform-origin: 9vw -8vh;
            box-shadow: -100vmin 0 19.3485439148vmin currentColor;
        }

        .background span:nth-child(15) {
            color: #aa9329;
            top: 32%;
            left: 67%;
            animation-duration: 159.5s;
            animation-delay: -193.8s;
            transform-origin: 7vw 25vh;
            box-shadow: 100vmin 0 14.5102836727vmin currentColor;
        }

        .background span:nth-child(16) {
            color: #a03a3a;
            top: 70%;
            left: 78%;
            animation-duration: 102s;
            animation-delay: -39.4s;
            transform-origin: 19vw -20vh;
            box-shadow: -100vmin 0 32.6075278312vmin currentColor;
        }

        .background span:nth-child(17) {
            color: #2e6d78;
            top: 47%;
            left: 45%;
            animation-duration: 195.1s;
            animation-delay: -177.2s;
            transform-origin: -16vw -21vh;
            box-shadow: 100vmin 0 28.1906831891vmin currentColor;
        }

        .background span:nth-child(18) {
            color: #62962b;
            top: 4%;
            left: 27%;
            animation-duration: 83.8s;
            animation-delay: -157.6s;
            transform-origin: 13vw 11vh;
            box-shadow: 100vmin 0 25.5536259491vmin currentColor;
        }

        .background span:nth-child(19) {
            color: #a03a3a;
            top: 33%;
            left: 3%;
            animation-duration: 114.6s;
            animation-delay: -32.4s;
            transform-origin: 14vw -8vh;
            box-shadow: -100vmin 0 15.902611344vmin currentColor;
        }

        .background span:nth-child(20) {
            color: #2e6d78;
            top: 53%;
            left: 58%;
            animation-duration: 117.1s;
            animation-delay: -147.3s;
            transform-origin: 19vw -2vh;
            box-shadow: 100vmin 0 16.5432478407vmin currentColor;
        }
*/
        @-webkit-keyframes move {
            100% {
                transform: translate3d(0, 0, 1px) rotate(360deg);
            }
        }

        @keyframes move {
            100% {
                transform: translate3d(0, 0, 1px) rotate(360deg);
            }
        }