@keyframes moveBackground {
    from {
        background-position: 0% 0%;
    }
    to {
        background-position: 100% 100%;
    }
}

/*#particleCanvasWrapper {
    position: absolute;
    left: 0;
    top: 66px;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #030303;
    background-image: 
        url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='white' fill-opacity='0.5'%3E%3Crect x='45' y='20' width='10' height='60'/%3E%3Crect x='20' y='45' width='60' height='10'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 3vmin;
    animation: moveBackground 100s linear infinite;
}*/

#pageContent span, #pageContent p
{
    color:white;
}

#pageContent h1
{
    color:white;
}

#homepageBGImage{
	position: relative;
	padding-top: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 320px;
	z-index: -1;
	background-color: rgb(8, 8, 8);
}

#homepageImage{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: auto;
	background-position: center;
	background-image: url(/static/img/logo/logoSeparated/wave.png);
	filter: blur(130px);
}

#spPanel{
	width: 520px;
	height: 100px;
	border-radius: 5px;
}