.ripple-background {
	z-index: -1;
	position: fixed;
}
.circle {
	position: absolute;
	border-radius: 50%;
	background: #000d26;
	animation: ripple 15s infinite;
	box-shadow: 0px 0px 1px 0px #508fb9;
}

.small {
	width: 100px;
	height: 100px;
	right: -70px;
	bottom: -120px;
}

/* .medium{
	width: 400px;
	height: 400px;
	left: -200px;
	bottom: -200px;
} */
.medium {
    width: 400px;
    height: 400px;
    left: -150px;
    bottom: -280px;
}
.large {
	width: 450px;
	height: 450px;
	right: -300px;
	bottom: -300px;
}

.xlarge {
	width: 650px;
	height: 650px;
	right: -400px;
	bottom: -400px;
}

.xxlarge {
	width: 870px;
	height: 870px;
	right: -500px;
	bottom: -500px;
}

.shade1{
	opacity: 0.2;
}
.shade2{
	opacity: 0.5;
}

.shade3{
	opacity: 0.7;
}

.shade4{
	opacity: 0.8;
}

.shade5{
	opacity: 0.9;
}

@keyframes ripple{
	0%{
	transform: scale(0.8);
	}

	50%{
	transform: scale(1.2);
	}

	100%{
	transform: scale(0.8);
	}
}