.videobg {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    pointer-events: none;
}

.container {
	height: 100vh;
	overflow: hidden;
	position: relative;
	background: rgba(146, 137, 183, 0.5);
}

.logo-img {
	position: absolute;
	left: 50%;
	margin: -134px 0 0 -200px;
	width: 400px;
	top: 50%;
}
.footer {
	position: absolute;
	bottom: 20px;
	width: 100%;
	color: #ffffff;
	text-align: center;
}
.footer span {
	position: relative;
	transition: all .3s linear 0s;
	overflow: hidden;
	width: 100px;
	height: 100px;
	display: block;
}
.footer a {

}
.footer a:hover {
	color: black;
}
/*.footer span:before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	display: block;*/
/*	left: 0;*/
/*	top: 0;*/
/*	background-image: conic-gradient(*/
/*			transparent,*/
/*			transparent,*/
/*			transparent,*/
/*			#00ccff*/
/*	);*/
/*	animation: animate 4s linear infinite;*/
/*}*/

/*.footer span:after {*/
/*	content: '';*/
/*	position: absolute;*/
/*	display: block;*/
/*	left: 0;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background-image: conic-gradient(*/
/*			transparent,*/
/*			transparent,*/
/*			transparent,*/
/*			#de44d4*/
/*	);*/
/*	animation: animate 4s linear infinite;*/
/*	animation-delay: -2s;*/
/*}*/

/*.footer span i {*/
/*	position: absolute;*/
/*	inset: 2px;*/
/*	z-index: 1;*/
/*	display: block;*/
/*}*/

@keyframes animate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}