* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
}

header {
	display: none;
}

@keyframes blue-circles-right {
	0.0001%		{transform: translateX(-2000px);}
	100%     	{transform: translateX(2000px);}
			
}

@keyframes blue-circles-left {
	0.0001%		{transform: translateX(2000px);}
	100%     	{transform: translateX(-2000px);}
}

@keyframes opacity-shift {
	0%			{opacity: 0;}
	5%			{opacity: 1;}
	15%			{opacity: 0;}
	23%			{opacity: 1;}
	30%			{opacity: 0;}
	36%			{opacity: 1;}
	42%			{opacity: 0;}
	50%			{opacity: 1;}
	58%			{opacity: 0;}
	62%			{opacity: 1;}
	68%			{opacity: 0;}
	75%			{opacity: 1;}
	79%			{opacity: 0;}
	83%			{opacity: 1;}
	89%			{opacity: 0;}
	92%			{opacity: 1;}
	96%			{opacity: 0;}
	100%		{opacity: 1;}
}

#blue-circle-1 {
	animation-name: opacity-shift ;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-2 {
	animation-name: opacity-shift ;
	animation-delay: 0.5s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-3 {
	animation-name: opacity-shift ;
	animation-delay: 0.8s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-4 {
	animation-name: opacity-shift ;
	animation-delay: 1s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-5 {
	animation-name: opacity-shift ;
	animation-delay: 1.2s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-6 {
	animation-name: opacity-shift ;
	animation-delay: 0.3s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-7 {
	animation-name: opacity-shift ;
	animation-delay: 0.9s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-8 {
	animation-name: opacity-shift ;
	animation-delay: 1.4s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-9 {
	animation-name: opacity-shift ;
	animation-delay: 0.1s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-10 {
	animation-name: opacity-shift ;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-11 {
	animation-name: opacity-shift ;
	animation-delay: 0.7s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-12 {
	animation-name: opacity-shift ;
	animation-delay: 0.9s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-13 {
	animation-name: opacity-shift ;
	animation-delay: 1.1s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-14 {
	animation-name: opacity-shift ;
	animation-delay: 1.7s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-15 {
	animation-name: opacity-shift ;
	animation-delay: 0.3s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-16 {
	animation-name: opacity-shift ;
	animation-delay: 0.9s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-17 {
	animation-name: opacity-shift ;
	animation-delay: 0.4s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-18 {
	animation-name: opacity-shift ;
	animation-delay: 1.8s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-19 {
	animation-name: opacity-shift ;
	animation-delay: 0.25s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-20 {
	animation-name: opacity-shift ;
	animation-delay: 0.35s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-21 {
	animation-name: opacity-shift ;
	animation-delay: 0.45s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-22 {
	animation-name: opacity-shift ;
	animation-delay: 1.25s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-23 {
	animation-name: opacity-shift ;
	animation-delay: 1.15s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-24 {
	animation-name: opacity-shift ;
	animation-delay: 0.55s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-25 {
	animation-name: opacity-shift ;
	animation-delay: 0.75s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-26 {
	animation-name: opacity-shift ;
	animation-delay: 0.83s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-27 {
	animation-name: opacity-shift ;
	animation-delay: 0.74s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-28 {
	animation-name: opacity-shift ;
	animation-delay: 0.21s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-29 {
	animation-name: opacity-shift ;
	animation-delay: 0.17s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-30 {
	animation-name: opacity-shift ;
	animation-delay: 0.29s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-31 {
	animation-name: opacity-shift ;
	animation-delay: 0.95s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-32 {
	animation-name: opacity-shift ;
	animation-delay: 0.16s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-33 {
	animation-name: opacity-shift ;
	animation-delay: 1.67s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-34 {
	animation-name: opacity-shift ;
	animation-delay: 1.43s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-35 {
	animation-name: opacity-shift ;
	animation-delay: 0.58s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-36 {
	animation-name: opacity-shift ;
	animation-delay: 0.39s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-37 {
	animation-name: opacity-shift ;
	animation-delay: 0.42s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-38 {
	animation-name: opacity-shift ;
	animation-delay: 0.86s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-39 {
	animation-name: opacity-shift ;
	animation-delay: 1.34s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-40 {
	animation-name: opacity-shift ;
	animation-delay: 0.4s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-41 {
	animation-name: opacity-shift ;
	animation-delay: 0.94s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-42 {
	animation-name: opacity-shift ;
	animation-delay: 0.78s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-43 {
	animation-name: opacity-shift ;
	animation-delay: 0.35s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-44 {
	animation-name: opacity-shift ;
	animation-delay: 1.23s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#blue-circle-45 {
	animation-name: opacity-shift ;
	animation-delay: 0.5s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


#row-1 {
	animation-name: blue-circles-right;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#row-2 {
	animation-name: blue-circles-left;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


#row-3 {
	animation-name: blue-circles-right;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#row-4 {
	animation-name: blue-circles-left;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

#row-5 {
	animation-name: blue-circles-right;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}