@charset "utf-8";
/* CSS Document */
body, html{
	margin: auto;
	padding: inherit;
	overflow-x: hidden;
	font-family: 'Zeyada', cursive;
	color: crimson;
	background-color: whitesmoke;

}
video{
	object-fit:cover;
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 0;
	filter: blur(3px);
	opacity: 20%;
	animation: backMove 12s ease;
}
@keyframes backMove{
    from{
		opacity: 100%;
	}
	to{
		opacity: 20%;
	}
}
h1{
	text-align: center;
	font-size: 70px;
	padding: 1%;
	filter: drop-shadow(1px 1px 1px black);
	font-weight: 900;
}
.circle{
    background: crimson;
	border-radius: 50%;
    width: auto;
	border-style: dotted;
	
}
p{
	text-align: left;
	font-size: 40px;
	filter: drop-shadow(2px 1px 1px black);
	padding: 1%;
	margin: 1%;
	font-weight: 600;
}
div{
	display: flex;
	align-content: center;
	justify-content: center;
	filter: drop-shadow(3px 3px 3px crimson);
	width: auto;
}
a{
	z-index: 5;
	position: relative;
}
footer{
	text-align: center;
	font-size:30px;
	filter: drop-shadow(1px 1px 1px black);

}