.login-border{border: 10px solid rgba(255,255,255,.5)!important; border-radius: 0;position: relative;z-index: 1111;}

.login-border .card,

.login-border .card-header:first-child{border-radius:0;box-shadow: 0 0 0 rgba(0, 0, 0, 0.05);}



/* basic style */

html, body {

	position: relative;

	overflow: hidden;

}

.login-body {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 100vh;

	margin: 0;

	/*background: radial-gradient(ellipse at left top, #72c7fe, #fafdff);*/

}

div {

	transform-style: preserve-3d;

}

.login_canvas {

	width: 100%;

	height: 100%;

	perspective: 1000px;

	position:fixed;

	top: 0;

	left: 0;

	z-index: -11;

	opacity: 0.2;

}

/* cube style */

.cube_wrap:nth-of-type(1) {

	position: absolute;

	top: 39%;

	left: calc(50% + 10px);

	width: 10vw;

	height: 10vw;

	animation: cube 32s linear -28s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(1) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 40s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(1) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(21deg);

}



.cube_wrap .wall{border: solid 1px rgba(255,255,255,.95);}



.cube_wrap:nth-of-type(1) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(1) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(1) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(1) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(1) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(1) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(1) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(2) {

	position: absolute;

	top: 38%;

	left: calc(50% + 20px);

	width: 10vw;

	height: 10vw;

	animation: cube 34s linear -26s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(2) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 22s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(2) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(120deg);

}

.cube_wrap:nth-of-type(2) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(2) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(2) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(2) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(2) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(2) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(2) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(3) {

	position: absolute;

	top: 17%;

	left: calc(50% + 30px);

	width: 10vw;

	height: 10vw;

	animation: cube 36s linear -24s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(3) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 27s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(3) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(113deg);

}

.cube_wrap:nth-of-type(3) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(3) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(3) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(3) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(3) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(3) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(3) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(4) {

	position: absolute;

	top: 58%;

	left: calc(50% + 40px);

	width: 10vw;

	height: 10vw;

	animation: cube 38s linear -22s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(4) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 30s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(4) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(99deg);

}

.cube_wrap:nth-of-type(4) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(4) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(4) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(4) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(4) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(4) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(4) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(5) {

	position: absolute;

	top: 26%;

	left: calc(50% + 50px);

	width: 10vw;

	height: 10vw;

	animation: cube 40s linear -20s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(5) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 25s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(5) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(126deg);

}

.cube_wrap:nth-of-type(5) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(5) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(5) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(5) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(5) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(5) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(5) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(6) {

	position: absolute;

	top: 53%;

	left: calc(50% + 60px);

	width: 10vw;

	height: 10vw;

	animation: cube 42s linear -18s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(6) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 21s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(6) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(79deg);

}

.cube_wrap:nth-of-type(6) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(6) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(6) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(6) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(6) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(6) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(6) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(7) {

	position: absolute;

	top: 54%;

	left: calc(50% + 70px);

	width: 10vw;

	height: 10vw;

	animation: cube 44s linear -16s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(7) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 21s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(7) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(140deg);

}

.cube_wrap:nth-of-type(7) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(7) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(7) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(7) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(7) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(7) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(7) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(8) {

	position: absolute;

	top: 31%;

	left: calc(50% + 80px);

	width: 10vw;

	height: 10vw;

	animation: cube 46s linear -14s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(8) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 25s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(8) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(49deg);

}

.cube_wrap:nth-of-type(8) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(8) .front {

	transform: translateZ(5vw);

}

.cube_wrap:nth-of-type(8) .back {

	transform: rotateY(180deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(8) .left {

	transform: rotateY(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(8) .right {

	transform: rotateY(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(8) .top {

	transform: rotateX(90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(8) .bottom {

	transform: rotateX(-90deg) translateZ(5vw);

}

.cube_wrap:nth-of-type(9) {

	position: absolute;

	top: 65%;

	left: calc(50% + 90px);

	width: 6vw;

	height: 6vw;

	animation: cube 48s linear -12s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(9) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 33s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(9) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(167deg);

}

.cube_wrap:nth-of-type(9) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(9) .front {

	transform: translateZ(3vw);

}

.cube_wrap:nth-of-type(9) .back {

	transform: rotateY(180deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(9) .left {

	transform: rotateY(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(9) .right {

	transform: rotateY(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(9) .top {

	transform: rotateX(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(9) .bottom {

	transform: rotateX(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(10) {

	position: absolute;

	top: 57%;

	left: calc(50% + 100px);

	width: 6vw;

	height: 6vw;

	animation: cube 50s linear -10s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(10) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 27s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(10) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(5deg);

}

.cube_wrap:nth-of-type(10) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(10) .front {

	transform: translateZ(3vw);

}

.cube_wrap:nth-of-type(10) .back {

	transform: rotateY(180deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(10) .left {

	transform: rotateY(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(10) .right {

	transform: rotateY(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(10) .top {

	transform: rotateX(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(10) .bottom {

	transform: rotateX(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(11) {

	position: absolute;

	top: 43%;

	left: calc(50% + 110px);

	width: 6vw;

	height: 6vw;

	animation: cube 52s linear -8s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(11) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 40s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(11) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(17deg);

}

.cube_wrap:nth-of-type(11) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(11) .front {

	transform: translateZ(3vw);

}

.cube_wrap:nth-of-type(11) .back {

	transform: rotateY(180deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(11) .left {

	transform: rotateY(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(11) .right {

	transform: rotateY(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(11) .top {

	transform: rotateX(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(11) .bottom {

	transform: rotateX(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(12) {

	position: absolute;

	top: 57%;

	left: calc(50% + 120px);

	width: 6vw;

	height: 6vw;

	animation: cube 54s linear -6s infinite;

	opacity: 0.7;

	z-index: 99;

}

@keyframes cube {

	0% {

		transform: translateX(-150vw);

	}

	100% {

		transform: translateX(150vw);

	}

}

.cube_wrap:nth-of-type(12) .cube {

	position: absolute;

	width: 100%;

	height: 100%;

	animation: rotation 31s linear infinite;

}

@keyframes rotation {

	100% {

		transform: rotateX(360deg) rotateY(360deg);

	}

}

.cube_wrap:nth-of-type(12) .rotation {

	position: absolute;

	width: 100%;

	height: 100%;

	transform: rotate(121deg);

}

.cube_wrap:nth-of-type(12) .wall {

	position: absolute;

	width: 100%;

	height: 100%;

}

.cube_wrap:nth-of-type(12) .front {

	transform: translateZ(3vw);

}

.cube_wrap:nth-of-type(12) .back {

	transform: rotateY(180deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(12) .left {

	transform: rotateY(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(12) .right {

	transform: rotateY(-90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(12) .top {

	transform: rotateX(90deg) translateZ(3vw);

}

.cube_wrap:nth-of-type(12) .bottom {

	transform: rotateX(-90deg) translateZ(3vw);

}

/* square style */

.square{position: absolute;opacity: 0.3;}

.square:nth-of-type(1) {

	top: calc(20% + 68px);

	left: 39%;

}

.square:nth-of-type(2) {

	top: calc(20% + 290px);

	left: 57%;

}

.square:nth-of-type(3) {

	top: calc(20% + 283px);

	left: 38%;

}

.square:nth-of-type(4) {

	top: calc(20% + 202px);

	left: 52%;

}

.square:nth-of-type(5) {

	top: calc(20% + 64px);

	left: 45%;

}

.square:nth-of-type(6) {

	top: calc(20% + 191px);

	left: 27%;

}

.square:nth-of-type(7) {

	top: calc(20% + 46px);

	left: 92%;

}

.square:nth-of-type(8) {

	top: calc(20% + 207px);

	left: 28%;

}

.square:nth-of-type(9) {

	top: calc(20% + 298px);

	left: 68%;

}

.square:nth-of-type(10) {

	top: calc(20% + 91px);

	left: 54%;

}

.square:nth-of-type(11) {

	top: calc(20% + 14px);

	left: 42%;

}

.square:nth-of-type(12) {

	top: calc(20% + 31px);

	left: 8%;

}

.square:nth-of-type(13) {

	top: calc(20% + 137px);

	left: 62%;

}

.square:nth-of-type(14) {

	top: calc(20% + 50px);

	left: 84%;

}

.square:nth-of-type(15) {

	top: calc(20% + 280px);

	left: 48%;

}

.square:nth-of-type(16) {

	top: calc(20% + 68px);

	left: 25%;

}

.square:nth-of-type(17) {

	top: calc(20% + 286px);

	left: 51%;

}

.square:nth-of-type(18) {

	top: calc(20% + 170px);

	left: 29%;

}

.square:nth-of-type(19) {

	top: calc(20% + 64px);

	left: 21%;

}

.square:nth-of-type(20) {

	top: calc(20% + 170px);

	left: 24%;

}

.square:nth-of-type(21) {

	top: calc(20% + 131px);

	left: 4%;

}

.square:nth-of-type(22) {

	top: calc(20% + 261px);

	left: 30%;

}

.square:nth-of-type(23) {

	top: calc(20% + 228px);

	left: 1%;

}

.square:nth-of-type(24) {

	top: calc(20% + 110px);

	left: 5%;

}

.square:nth-of-type(25) {

	top: calc(20% + 122px);

	left: 57%;

}

.square:nth-of-type(26) {

	top: calc(20% + 210px);

	left: 14%;

}

.square:nth-of-type(27) {

	top: calc(20% + 56px);

	left: 2%;

}

.square:nth-of-type(28) {

	top: calc(20% + 240px);

	left: 6%;

}

.square:nth-of-type(29) {

	top: calc(20% + 54px);

	left: 25%;

}

.square:nth-of-type(30) {

	top: calc(20% + 155px);

	left: 15%;

}

.square:nth-of-type(31) {

	top: calc(20% + 171px);

	left: 38%;

}

.square:nth-of-type(32) {

	top: calc(20% + 176px);

	left: 33%;

}

.square:nth-of-type(33) {

	top: calc(20% + 227px);

	left: 4%;

}

.square:nth-of-type(34) {

	top: calc(20% + 117px);

	left: 38%;

}

.square:nth-of-type(35) {

	top: calc(20% + 57px);

	left: 4%;

}

.square:nth-of-type(36) {

	top: calc(20% + 284px);

	left: 78%;

}

.square:nth-of-type(37) {

	top: calc(20% + 290px);

	left: 38%;

}

.square:nth-of-type(38) {

	top: calc(20% + 243px);

	left: 33%;

}

.square:nth-of-type(39) {

	top: calc(20% + 256px);

	left: 9%;

}

.square:nth-of-type(40) {

	top: calc(20% + 243px);

	left: 88%;

}

.square:nth-of-type(41) {

	top: calc(20% + 54px);

	left: 96%;

}

.square:nth-of-type(42) {

	top: calc(20% + 67px);

	left: 47%;

}

.square:nth-of-type(43) {

	top: calc(20% + 127px);

	left: 40%;

}

.square:nth-of-type(44) {

	top: calc(20% + 297px);

	left: 58%;

}

.square:nth-of-type(45) {

	top: calc(20% + 75px);

	left: 27%;

}

.square:nth-of-type(46) {

	top: calc(20% + 166px);

	left: 55%;

}

.square:nth-of-type(47) {

	top: calc(20% + 131px);

	left: 87%;

}

.square:nth-of-type(48) {

	top: calc(20% + 205px);

	left: 90%;

}

.square:nth-of-type(49) {

	top: calc(20% + 259px);

	left: 35%;

}

.square:nth-of-type(50) {

	top: calc(20% + 239px);

	left: 12%;

}

.square:nth-of-type(51) {

	top: calc(20% + 17px);

	left: 19%;

}

.square:nth-of-type(52) {

	top: calc(20% + 10px);

	left: 21%;

}

.square:nth-of-type(53) {

	top: calc(20% + 13px);

	left: 44%;

}

.square:nth-of-type(54) {

	top: calc(20% + 173px);

	left: 97%;

}

.square:nth-of-type(55) {

	top: calc(20% + 246px);

	left: 11%;

}

.square:nth-of-type(56) {

	top: calc(20% + 264px);

	left: 90%;

}

.square:nth-of-type(57) {

	top: calc(20% + 69px);

	left: 36%;

}

.square:nth-of-type(58) {

	top: calc(20% + 208px);

	left: 76%;

}

.square:nth-of-type(59) {

	top: calc(20% + 222px);

	left: 65%;

}

.square:nth-of-type(60) {

	top: calc(20% + 222px);

	left: 45%;

}

.square:nth-of-type(61) {

	top: calc(20% + 96px);

	left: 80%;

}

.square:nth-of-type(62) {

	top: calc(20% + 44px);

	left: 93%;

}

.square:nth-of-type(63) {

	top: calc(20% + 273px);

	left: 43%;

}

.square:nth-of-type(64) {

	top: calc(20% + 176px);

	left: 96%;

}

.square:nth-of-type(65) {

	top: calc(20% + 88px);

	left: 60%;

}

.square:nth-of-type(66) {

	top: calc(20% + 271px);

	left: 53%;

}

.square:nth-of-type(67) {

	top: calc(20% + 181px);

	left: 38%;

}

.square:nth-of-type(68) {

	top: calc(20% + 4px);

	left: 18%;

}

.square:nth-of-type(69) {

	top: calc(20% + 204px);

	left: 85%;

}

.square:nth-of-type(70) {

	top: calc(20% + 70px);

	left: 30%;

}

.square:nth-of-type(71) {

	top: calc(20% + 127px);

	left: 3%;

}

.square:nth-of-type(72) {

	top: calc(20% + 200px);

	left: 48%;

}

.square:nth-of-type(73) {

	top: calc(20% + 168px);

	left: 48%;

}

.square:nth-of-type(74) {

	top: calc(20% + 52px);

	left: 8%;

}

.square:nth-of-type(75) {

	top: calc(20% + 191px);

	left: 85%;

}

.square:nth-of-type(76) {

	top: calc(20% + 91px);

	left: 99%;

}

.square:nth-of-type(77) {

	top: calc(20% + 122px);

	left: 78%;

}

.square:nth-of-type(78) {

	top: calc(20% + 239px);

	left: 14%;

}

.square:nth-of-type(79) {

	top: calc(20% + 30px);

	left: 85%;

}

.square:nth-of-type(80) {

	top: calc(20% + 148px);

	left: 50%;

}

.square:nth-of-type(81) {

	top: calc(20% + 259px);

	left: 80%;

}

.square:nth-of-type(82) {

	top: calc(20% + 281px);

	left: 84%;

}

.square:nth-of-type(83) {

	top: calc(20% + 225px);

	left: 95%;

}

.square:nth-of-type(84) {

	top: calc(20% + 288px);

	left: 80%;

}

.square:nth-of-type(85) {

	top: calc(20% + 267px);

	left: 91%;

}

.square:nth-of-type(86) {

	top: calc(20% + 71px);

	left: 13%;

}

.square:nth-of-type(87) {

	top: calc(20% + 35px);

	left: 50%;

}

.square:nth-of-type(88) {

	top: calc(20% + 299px);

	left: 4%;

}

.square:nth-of-type(89) {

	top: calc(20% + 203px);

	left: 2%;

}

.square:nth-of-type(90) {

	top: calc(20% + 212px);

	left: 48%;

}

.square:nth-of-type(91) {

	top: calc(20% + 216px);

	left: 47%;

}

.square:nth-of-type(92) {

	top: calc(20% + 58px);

	left: 46%;

}

.square:nth-of-type(93) {

	top: calc(20% + 217px);

	left: 23%;

}

.square:nth-of-type(94) {

	top: calc(20% + 107px);

	left: 93%;

}

.square:nth-of-type(95) {

	top: calc(20% + 104px);

	left: 77%;

}

.square:nth-of-type(96) {

	top: calc(20% + 150px);

	left: 18%;

}

.square:nth-of-type(97) {

	top: calc(20% + 135px);

	left: 62%;

}

.square:nth-of-type(98) {

	top: calc(20% + 87px);

	left: 29%;

}

.square:nth-of-type(99) {

	top: calc(20% + 115px);

	left: 29%;

}

.square:nth-of-type(100) {

	top: calc(20% + 202px);

	left: 67%;

}

.square:nth-of-type(101) {

	top: calc(20% + 113px);

	left: 50%;

}

.square:nth-of-type(102) {

	top: calc(20% + 142px);

	left: 55%;

}

.square:nth-of-type(103) {

	top: calc(20% + 109px);

	left: 17%;

}

.square:nth-of-type(104) {

	top: calc(20% + 65px);

	left: 73%;

}

.square:nth-of-type(105) {

	top: calc(20% + 196px);

	left: 54%;

}

.square:nth-of-type(106) {

	top: calc(20% + 20px);

	left: 53%;

}

.square:nth-of-type(107) {

	top: calc(20% + 241px);

	left: 30%;

}

.square:nth-of-type(108) {

	top: calc(20% + 43px);

	left: 57%;

}

.square:nth-of-type(109) {

	top: calc(20% + 282px);

	left: 74%;

}

.square:nth-of-type(110) {

	top: calc(20% + 177px);

	left: 13%;

}

.square:nth-of-type(111) {

	top: calc(20% + 29px);

	left: 94%;

}

.square:nth-of-type(112) {

	top: calc(20% + 207px);

	left: 99%;

}

.square:nth-of-type(113) {

	top: calc(20% + 278px);

	left: 31%;

}

.square:nth-of-type(114) {

	top: calc(20% + 19px);

	left: 12%;

}

.square:nth-of-type(115) {

	top: calc(20% + 45px);

	left: 63%;

}

.square:nth-of-type(116) {

	top: calc(20% + 196px);

	left: 57%;

}

.square:nth-of-type(117) {

	top: calc(20% + 37px);

	left: 52%;

}

.square:nth-of-type(118) {

	top: calc(20% + 153px);

	left: 4%;

}

.square:nth-of-type(119) {

	top: calc(20% + 14px);

	left: 66%;

}

.square:nth-of-type(120) {

	top: calc(20% + 137px);

	left: 29%;

}

.square:nth-of-type(121) {

	top: calc(20% + 194px);

	left: 2%;

}

.square:nth-of-type(122) {

	top: calc(20% + 250px);

	left: 47%;

}

.square:nth-of-type(123) {

	top: calc(20% + 62px);

	left: 47%;

}

.square:nth-of-type(124) {

	top: calc(20% + 98px);

	left: 26%;

}

.square:nth-of-type(125) {

	top: calc(20% + 25px);

	left: 3%;

}

.square:nth-of-type(126) {

	top: calc(20% + 119px);

	left: 53%;

}

.square:nth-of-type(127) {

	top: calc(20% + 115px);

	left: 19%;

}

.square:nth-of-type(128) {

	top: calc(20% + 253px);

	left: 24%;

}

.square:nth-of-type(129) {

	top: calc(20% + 48px);

	left: 71%;

}

.square:nth-of-type(130) {

	top: calc(20% + 38px);

	left: 17%;

}

.square:nth-of-type(131) {

	top: calc(20% + 121px);

	left: 42%;

}

.square:nth-of-type(132) {

	top: calc(20% + 81px);

	left: 97%;

}

.square:nth-of-type(133) {

	top: calc(20% + 46px);

	left: 47%;

}

.square:nth-of-type(134) {

	top: calc(20% + 73px);

	left: 73%;

}

.square:nth-of-type(135) {

	top: calc(20% + 266px);

	left: 10%;

}

.square:nth-of-type(136) {

	top: calc(20% + 216px);

	left: 10%;

}

.square:nth-of-type(137) {

	top: calc(20% + 211px);

	left: 80%;

}

.square:nth-of-type(138) {

	top: calc(20% + 70px);

	left: 96%;

}

.square:nth-of-type(139) {

	top: calc(20% + 68px);

	left: 63%;

}

.square:nth-of-type(140) {

	top: calc(20% + 102px);

	left: 35%;

}

.square:nth-of-type(141) {

	top: calc(20% + 10px);

	left: 35%;

}

.square:nth-of-type(142) {

	top: calc(20% + 41px);

	left: 65%;

}

.square:nth-of-type(143) {

	top: calc(20% + 206px);

	left: 73%;

}

.square:nth-of-type(144) {

	top: calc(20% + 178px);

	left: 34%;

}

.square:nth-of-type(145) {

	top: calc(20% + 272px);

	left: 15%;

}

.square:nth-of-type(146) {

	top: calc(20% + 185px);

	left: 29%;

}

.square:nth-of-type(147) {

	top: calc(20% + 210px);

	left: 90%;

}

.square:nth-of-type(148) {

	top: calc(20% + 131px);

	left: 46%;

}

.square:nth-of-type(149) {

	top: calc(20% + 171px);

	left: 52%;

}

.square:nth-of-type(150) {

	top: calc(20% + 8px);

	left: 30%;

}

.square:nth-of-type(1) {

	width: 1.0333333333vw;

	height: 1.0333333333vw;

	animation: square 54s -18s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(2) {

	width: 1.0666666667vw;

	height: 1.0666666667vw;

	animation: square 55s -1s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(3) {

	width: 1.1vw;

	height: 1.1vw;

	animation: square 54s -1s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(4) {

	width: 1.1333333333vw;

	height: 1.1333333333vw;

	animation: square 55s -22s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(5) {

	width: 1.1666666667vw;

	height: 1.1666666667vw;

	animation: square 58s -14s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(6) {

	width: 1.2vw;

	height: 1.2vw;

	animation: square 51s -37s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(7) {

	width: 1.2333333333vw;

	height: 1.2333333333vw;

	animation: square 53s -43s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(8) {

	width: 1.2666666667vw;

	height: 1.2666666667vw;

	animation: square 59s -3s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(9) {

	width: 1.3vw;

	height: 1.3vw;

	animation: square 52s -22s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(10) {

	width: 1.3333333333vw;

	height: 1.3333333333vw;

	animation: square 57s -31s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(11) {

	width: 1.3666666667vw;

	height: 1.3666666667vw;

	animation: square 59s -33s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(12) {

	width: 1.4vw;

	height: 1.4vw;

	animation: square 59s -2s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(13) {

	width: 1.4333333333vw;

	height: 1.4333333333vw;

	animation: square 60s -39s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(14) {

	width: 1.4666666667vw;

	height: 1.4666666667vw;

	animation: square 58s -16s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(15) {

	width: 1.5vw;

	height: 1.5vw;

	animation: square 59s -17s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(16) {

	width: 1.5333333333vw;

	height: 1.5333333333vw;

	animation: square 53s -8s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(17) {

	width: 1.5666666667vw;

	height: 1.5666666667vw;

	animation: square 56s -50s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(18) {

	width: 1.6vw;

	height: 1.6vw;

	animation: square 54s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(19) {

	width: 1.6333333333vw;

	height: 1.6333333333vw;

	animation: square 57s -36s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(20) {

	width: 1.6666666667vw;

	height: 1.6666666667vw;

	animation: square 57s -47s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(21) {

	width: 1.7vw;

	height: 1.7vw;

	animation: square 58s -29s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(22) {

	width: 1.7333333333vw;

	height: 1.7333333333vw;

	animation: square 60s -9s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(23) {

	width: 1.7666666667vw;

	height: 1.7666666667vw;

	animation: square 51s -16s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(24) {

	width: 1.8vw;

	height: 1.8vw;

	animation: square 58s -46s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(25) {

	width: 1.8333333333vw;

	height: 1.8333333333vw;

	animation: square 58s -16s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(26) {

	width: 1.8666666667vw;

	height: 1.8666666667vw;

	animation: square 59s -13s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(27) {

	width: 1.9vw;

	height: 1.9vw;

	animation: square 54s -15s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(28) {

	width: 1.9333333333vw;

	height: 1.9333333333vw;

	animation: square 51s -16s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(29) {

	width: 1.9666666667vw;

	height: 1.9666666667vw;

	animation: square 54s -38s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(30) {

	width: 2vw;

	height: 2vw;

	animation: square 51s -38s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(31) {

	width: 2.0333333333vw;

	height: 2.0333333333vw;

	animation: square 56s -9s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(32) {

	width: 2.0666666667vw;

	height: 2.0666666667vw;

	animation: square 51s -36s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(33) {

	width: 2.1vw;

	height: 2.1vw;

	animation: square 54s -2s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(34) {

	width: 2.1333333333vw;

	height: 2.1333333333vw;

	animation: square 58s -44s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(35) {

	width: 2.1666666667vw;

	height: 2.1666666667vw;

	animation: square 60s -19s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(36) {

	width: 2.2vw;

	height: 2.2vw;

	animation: square 58s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(37) {

	width: 2.2333333333vw;

	height: 2.2333333333vw;

	animation: square 57s -49s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(38) {

	width: 2.2666666667vw;

	height: 2.2666666667vw;

	animation: square 52s -21s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(39) {

	width: 2.3vw;

	height: 2.3vw;

	animation: square 55s -45s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(40) {

	width: 2.3333333333vw;

	height: 2.3333333333vw;

	animation: square 54s -48s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(41) {

	width: 2.3666666667vw;

	height: 2.3666666667vw;

	animation: square 58s -24s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(42) {

	width: 2.4vw;

	height: 2.4vw;

	animation: square 53s -37s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(43) {

	width: 2.4333333333vw;

	height: 2.4333333333vw;

	animation: square 53s -49s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(44) {

	width: 2.4666666667vw;

	height: 2.4666666667vw;

	animation: square 53s -5s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(45) {

	width: 2.5vw;

	height: 2.5vw;

	animation: square 51s -27s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(46) {

	width: 2.5333333333vw;

	height: 2.5333333333vw;

	animation: square 55s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(47) {

	width: 2.5666666667vw;

	height: 2.5666666667vw;

	animation: square 58s -17s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(48) {

	width: 2.6vw;

	height: 2.6vw;

	animation: square 56s -48s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(49) {

	width: 2.6333333333vw;

	height: 2.6333333333vw;

	animation: square 59s -41s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(50) {

	width: 2.6666666667vw;

	height: 2.6666666667vw;

	animation: square 57s -4s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(51) {

	width: 2.7vw;

	height: 2.7vw;

	animation: square 53s -6s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(52) {

	width: 2.7333333333vw;

	height: 2.7333333333vw;

	animation: square 58s -4s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(53) {

	width: 2.7666666667vw;

	height: 2.7666666667vw;

	animation: square 51s -34s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(54) {

	width: 2.8vw;

	height: 2.8vw;

	animation: square 54s -9s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(55) {

	width: 2.8333333333vw;

	height: 2.8333333333vw;

	animation: square 57s -14s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(56) {

	width: 2.8666666667vw;

	height: 2.8666666667vw;

	animation: square 56s -36s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(57) {

	width: 2.9vw;

	height: 2.9vw;

	animation: square 57s -25s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(58) {

	width: 2.9333333333vw;

	height: 2.9333333333vw;

	animation: square 53s -43s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(59) {

	width: 2.9666666667vw;

	height: 2.9666666667vw;

	animation: square 60s -11s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(60) {

	width: 3vw;

	height: 3vw;

	animation: square 52s -8s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(61) {

	width: 3.0333333333vw;

	height: 3.0333333333vw;

	animation: square 53s -42s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(62) {

	width: 3.0666666667vw;

	height: 3.0666666667vw;

	animation: square 53s -42s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(63) {

	width: 3.1vw;

	height: 3.1vw;

	animation: square 57s -3s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(64) {

	width: 3.1333333333vw;

	height: 3.1333333333vw;

	animation: square 58s -13s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(65) {

	width: 3.1666666667vw;

	height: 3.1666666667vw;

	animation: square 54s -23s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(66) {

	width: 3.2vw;

	height: 3.2vw;

	animation: square 57s -41s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(67) {

	width: 3.2333333333vw;

	height: 3.2333333333vw;

	animation: square 60s -5s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(68) {

	width: 3.2666666667vw;

	height: 3.2666666667vw;

	animation: square 51s -36s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(69) {

	width: 3.3vw;

	height: 3.3vw;

	animation: square 51s -5s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(70) {

	width: 3.3333333333vw;

	height: 3.3333333333vw;

	animation: square 58s -9s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(71) {

	width: 3.3666666667vw;

	height: 3.3666666667vw;

	animation: square 53s -27s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(72) {

	width: 3.4vw;

	height: 3.4vw;

	animation: square 59s -25s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(73) {

	width: 3.4333333333vw;

	height: 3.4333333333vw;

	animation: square 60s -33s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(74) {

	width: 3.4666666667vw;

	height: 3.4666666667vw;

	animation: square 60s -25s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(75) {

	width: 3.5vw;

	height: 3.5vw;

	animation: square 55s -43s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(76) {

	width: 3.5333333333vw;

	height: 3.5333333333vw;

	animation: square 56s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(77) {

	width: 3.5666666667vw;

	height: 3.5666666667vw;

	animation: square 52s -42s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(78) {

	width: 3.6vw;

	height: 3.6vw;

	animation: square 54s -47s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(79) {

	width: 3.6333333333vw;

	height: 3.6333333333vw;

	animation: square 53s -1s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(80) {

	width: 3.6666666667vw;

	height: 3.6666666667vw;

	animation: square 52s -3s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(81) {

	width: 3.7vw;

	height: 3.7vw;

	animation: square 55s -34s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(82) {

	width: 3.7333333333vw;

	height: 3.7333333333vw;

	animation: square 58s -22s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(83) {

	width: 3.7666666667vw;

	height: 3.7666666667vw;

	animation: square 57s -16s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(84) {

	width: 3.8vw;

	height: 3.8vw;

	animation: square 59s -34s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(85) {

	width: 3.8333333333vw;

	height: 3.8333333333vw;

	animation: square 51s -46s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(86) {

	width: 3.8666666667vw;

	height: 3.8666666667vw;

	animation: square 58s -46s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(87) {

	width: 3.9vw;

	height: 3.9vw;

	animation: square 59s -26s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(88) {

	width: 3.9333333333vw;

	height: 3.9333333333vw;

	animation: square 57s -49s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(89) {

	width: 3.9666666667vw;

	height: 3.9666666667vw;

	animation: square 52s -31s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(90) {

	width: 4vw;

	height: 4vw;

	animation: square 56s -22s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(91) {

	width: 4.0333333333vw;

	height: 4.0333333333vw;

	animation: square 59s -39s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(92) {

	width: 4.0666666667vw;

	height: 4.0666666667vw;

	animation: square 53s -29s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(93) {

	width: 4.1vw;

	height: 4.1vw;

	animation: square 53s -18s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(94) {

	width: 4.1333333333vw;

	height: 4.1333333333vw;

	animation: square 52s -14s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(95) {

	width: 4.1666666667vw;

	height: 4.1666666667vw;

	animation: square 53s -37s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(96) {

	width: 4.2vw;

	height: 4.2vw;

	animation: square 56s -43s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(97) {

	width: 4.2333333333vw;

	height: 4.2333333333vw;

	animation: square 60s -31s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(98) {

	width: 4.2666666667vw;

	height: 4.2666666667vw;

	animation: square 54s -13s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(99) {

	width: 4.3vw;

	height: 4.3vw;

	animation: square 51s -23s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(100) {

	width: 4.3333333333vw;

	height: 4.3333333333vw;

	animation: square 58s -19s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(101) {

	width: 3.02vw;

	height: 3.02vw;

	animation: square 55s -14s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(102) {

	width: 3.04vw;

	height: 3.04vw;

	animation: square 52s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(103) {

	width: 3.06vw;

	height: 3.06vw;

	animation: square 58s -21s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(104) {

	width: 3.08vw;

	height: 3.08vw;

	animation: square 56s -50s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(105) {

	width: 3.1vw;

	height: 3.1vw;

	animation: square 55s -8s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(106) {

	width: 3.12vw;

	height: 3.12vw;

	animation: square 59s -34s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(107) {

	width: 3.14vw;

	height: 3.14vw;

	animation: square 59s -48s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(108) {

	width: 3.16vw;

	height: 3.16vw;

	animation: square 60s -28s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(109) {

	width: 3.18vw;

	height: 3.18vw;

	animation: square 60s -10s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(110) {

	width: 3.2vw;

	height: 3.2vw;

	animation: square 54s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(111) {

	width: 3.22vw;

	height: 3.22vw;

	animation: square 56s -50s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(112) {

	width: 3.24vw;

	height: 3.24vw;

	animation: square 54s -40s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(113) {

	width: 3.26vw;

	height: 3.26vw;

	animation: square 54s -39s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(114) {

	width: 3.28vw;

	height: 3.28vw;

	animation: square 52s -14s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(115) {

	width: 3.3vw;

	height: 3.3vw;

	animation: square 52s -49s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(116) {

	width: 3.32vw;

	height: 3.32vw;

	animation: square 57s -26s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(117) {

	width: 3.34vw;

	height: 3.34vw;

	animation: square 53s -19s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(118) {

	width: 3.36vw;

	height: 3.36vw;

	animation: square 51s -35s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(119) {

	width: 3.38vw;

	height: 3.38vw;

	animation: square 56s -8s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(120) {

	width: 3.4vw;

	height: 3.4vw;

	animation: square 58s -23s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(121) {

	width: 3.42vw;

	height: 3.42vw;

	animation: square 58s -30s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(122) {

	width: 3.44vw;

	height: 3.44vw;

	animation: square 59s -26s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(123) {

	width: 3.46vw;

	height: 3.46vw;

	animation: square 57s -26s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(124) {

	width: 3.48vw;

	height: 3.48vw;

	animation: square 53s -24s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(125) {

	width: 3.5vw;

	height: 3.5vw;

	animation: square 54s -32s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(126) {

	width: 3.52vw;

	height: 3.52vw;

	animation: square 51s -41s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(127) {

	width: 3.54vw;

	height: 3.54vw;

	animation: square 60s -22s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(128) {

	width: 3.56vw;

	height: 3.56vw;

	animation: square 53s -8s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(129) {

	width: 3.58vw;

	height: 3.58vw;

	animation: square 56s -39s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(130) {

	width: 3.6vw;

	height: 3.6vw;

	animation: square 58s -41s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(131) {

	width: 3.62vw;

	height: 3.62vw;

	animation: square 56s -20s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(132) {

	width: 3.64vw;

	height: 3.64vw;

	animation: square 53s -13s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(133) {

	width: 3.66vw;

	height: 3.66vw;

	animation: square 58s -43s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(134) {

	width: 3.68vw;

	height: 3.68vw;

	animation: square 60s -12s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(135) {

	width: 3.7vw;

	height: 3.7vw;

	animation: square 58s -50s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(136) {

	width: 3.72vw;

	height: 3.72vw;

	animation: square 59s -24s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(137) {

	width: 3.74vw;

	height: 3.74vw;

	animation: square 60s -44s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(138) {

	width: 3.76vw;

	height: 3.76vw;

	animation: square 55s -49s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(139) {

	width: 3.78vw;

	height: 3.78vw;

	animation: square 52s -40s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(140) {

	width: 3.8vw;

	height: 3.8vw;

	animation: square 57s -15s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(141) {

	width: 3.82vw;

	height: 3.82vw;

	animation: square 57s -6s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(142) {

	width: 3.84vw;

	height: 3.84vw;

	animation: square 54s -18s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(143) {

	width: 3.86vw;

	height: 3.86vw;

	animation: square 56s -13s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(144) {

	width: 3.88vw;

	height: 3.88vw;

	animation: square 53s -2s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(145) {

	width: 3.9vw;

	height: 3.9vw;

	animation: square 57s -13s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(146) {

	width: 3.92vw;

	height: 3.92vw;

	animation: square 60s -30s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(147) {

	width: 3.94vw;

	height: 3.94vw;

	animation: square 60s -3s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(148) {

	width: 3.96vw;

	height: 3.96vw;

	animation: square 55s -44s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(149) {

	width: 3.98vw;

	height: 3.98vw;

	animation: square 59s -6s infinite;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}

.square:nth-of-type(150) {

	width: 4vw;

	height: 4vw;

	animation: square 55s -25s infinite;

}

.square{

	background-color: #FFF;

	box-shadow: 0 0 8px #FFF, 0 0 4px #FFF, 0 0 4px #FFF;

}

@keyframes square {

	0% {

		transform: translateX(-120vw);

	}

	100% {

		transform: translateX(120vw);

	}

}